标签：超链接   上下   display   复选框   name   inf   action   ipa   现在   

注释

标签使用样式

开始标签  标签体  结束标签
自闭合标签，eg：
,
,

标签属性

• 通常为键值对形式出现，eg：color=“red” id = ‘new’
• 属性只能出现在开始标签和自闭合标签内
• 属性名字全部小写，属性值必须用单引或者双引包裹
• 如属性名和属性值完全一样，直接写属性名即可，eg：“readonly”（input标签属性）
  
  

块级标签和内联标签

块级标签：
、
、
、
、
、
、

内联标签：、、、、、、<span>
<ul>
<li>块级元素的特点
<ul>
<li>总在新行上开始</li>
<li>高度，行高以及外边距和内边距都可控制</li>
<li>宽度缺省，则是它容器的100%</li>
<li>可以容纳内联元素和其他块元素</li>
</ul>
</li>
<li>inline元素特点
<ul>
<li>和其他元素在一行上</li>
<li>高，行高以及外边距和内边距不可改变</li>
<li>宽度就是其文字或图片宽度，不可改变</li>
<li>内联元素只能容纳文本或者其他内联元素</li>
</ul>
</li>
<li>行内元素注意
<ul>
<li>设置宽度width无效</li>
<li>设置高度height无效</li>
<li>设置margin只有左右margin有效，上下无效</li>
<li>设置padding只有左右padding有效，上下则无效，注意元素范围是增大了，但是对元素周围的内容是没影响的<br><br>
</li>
</ul>
</li>
</ul>
<h3 id="列表标签">列表标签</h3>
<ul>
<li>无序列表
<ul>
<li>ul---li</li>
</ul>
</li>
<li>有序列表
<ul>
<li>ol---li</li>
</ul>
</li>
<li>定义列表
<ul>
<li>dl---dt---dd</li>
</ul>
</li>
<li>快捷键
<ul>
<li>ul>li*n</li>
<li>ol>li*n</li>
<li>dl>dt+dd*n</li>
<li>pycharm中按table键生效</li>
<li>其它标签也可这样生成、比如 table<br><br>
</li>
</ul>
</li>
</ul>
<h3 id="图片标签">图片标签</h3>
<pre><code><img src="http://www.mamicode.com/%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" alt="下载失败时的替换文字" title="提示文本"></code></pre>
<p><br></p>
<h3 id="超链接标签">超链接标签</h3>
<pre><code>链接显示的文本?

还能做锚点，进行跳转
    跳转
    <span id="jump">跳转到这里</span></code></pre>
<p><br></p>
<h3 id="行内元素和块级元素的转换">行内元素和块级元素的转换</h3>
<ul>
<li>行内元素→块级元素
<ul>
<li>display : block;</li>
</ul>
</li>
<li>块级元素→行内元素
<ul>
<li>display : inline;<br><br>
</li>
</ul>
</li>
</ul>
<h3 id="特殊符号">特殊符号</h3>
<p>特殊符号以 & 开头，分号结尾<br> " ? ? " &</p>
<pre><code>< > " © ® " &

空格：     </code></pre>
<p><br></p>
<h3 id="表格">表格</h3>
<ul>
<li>表格标签：table</li>
<li>行：tr</li>
<li>列：td</li>
<li>合并行：rowspan</li>
<li>合并列：colspan<br><br>
</li>
</ul>
<h3 id="表单">表单</h3>
<p><img alt="技术图片" src="http://image.mamicode.com/info/201912/20191208013911095807.png"><br><br></p>
<ul>
<li>action：提交时候的地址，默认使用当前页面</li>
<li>method：提交时候的方法，有get 和 post 两种方法，默认使用 get</li>
<li>entype：设置编码格式
<ul>
<li>默认：application/x-www-form-urlencoded</li>
<li>上传文件：multipart/form-data</li>
</ul>
</li>
<li>input标签
<ul>
<li>name属性：表单与后台交互时最重要的一个属性，要求input标签都带上</li>
<li>value属性：表单提交项的值?</li>
<li>type属性
<ul>
<li>type="button"/"reset"/"submit"</li>
<li>type="text"/"password"/"hidden"</li>
<li>type=“checkbox"/"radio"/"image"</li>
</ul>
</li>
<li>常用的type属性值
<ul>
<li>text：文本框</li>
<li>password：密码框</li>
<li>radio：单选框</li>
<li>checkbox：复选框</li>
<li>file：文件选择</li>
<li>hidden：隐藏域</li>
<li>submit：提交</li>
<li>reset：重置</li>
</ul>
</li>
<li>其它属性
<ul>
<li>placeholder：提示信息（ 提高用户体验度）</li>
<li>readonly：只读</li>
<li>disabled：禁用</li>
<li>value：input的值，单选多选下拉框必须设置value属性，这样后台才能获得你选中的到底是哪个或哪几个选项</li>
</ul>
</li>
</ul>
</li>
<li>textarea标签：文本域，一般用于多行文本</li>
<li>select标签
<ul>
<li>下拉框，一般用于选项</li>
<li>option：下拉选项
<ul>
<li>下拉框的基本标签，有多少个option 就有多少个下拉选项</li>
</ul>
</li>
<li>selected：下拉状态
<ul>
<li>表示选中某个下拉选项</li>
</ul>
</li>
<li>size：下拉框显示
<ul>
<li>表示下拉框，显示多少个，默认为一个</li>
</ul>
</li>
<li>name：下拉框的名字
<ul>
<li>表示下拉框向后台提交数据的时候，所传的名字</li>
</ul>
</li>
</ul>
</li>
<li>fieldset 标签：给表单设置分组</li>
<li>legend 标签：设置分组表单的标题</li>
<li>label 标签：提高用户体验度</li>
</ul>
<p></p>
<p><br></p>
<p>HTML常用标签</p>
<p>标签：超链接   上下   display   复选框   name   inf   action   ipa   现在   </p>
<p>原文地址：https://www.cnblogs.com/jiyu-hlzy/p/12003949.html</p></span>