HTML第一小节第四-五天
列表标签分为:有序列表和无需列表以及自定义列表和列表嵌套
有序列表:代码为<ul><li></ul>可以进行随意嵌套但是<ul>和<ol>不能进行嵌套!
无序列表:代码为<ol><li></ol>两者区别在于<ul>为an order liss而<ol>为order liss为已经排序的列表
自定义列表:它包括<dl>本身自定义列表的全身
<dt>是自定义列表的标题 注:<dt>它只能嵌套一些文本标签
<dd>是自定义列表的列表项
表格:<table>它是包括整个表格标签的,而<tr>包括行列标签 单元格则用<td>表示!<border>表格边框
<thead></thead>是一个表格整体的表头,而<th>则是表格里面单元格的表头
合并单元格代码为:rowspan 比如:在单元格里面加入rowspan即可生成合并单元格即一个单元格占两行!
在单元格里面输入<colsspan>可以将一行中的单元格占用两个列合并 注:在合并单元格之前,一定要把你要合并的单元格“注释”起来!
节标签:如div和span标签
<div>标签是一个“块级”标签会独占行 而<span>标签可以跟其他标签共同站行 在<span>标签里面加入“{}”可以在里面写标签内容在加一个“$”编号符 块级标签为:块:p,div,ul,ol,dl,li,dt,h1-h6
行内标签:span,strong,em,文本相关的标签都是行内标签。
表单:<input>标记为单标签 一个表单通常由表单控件,提示信息和表单域组成
textarea控件和selct控件:如果需要输入大量的信息,就需要用到标记<textarea></textarea>!
在HTML中,可以为<select>和<option>标记定义属性,以改变下拉菜单的外观显示效果!
其他标签的补充:
meta标签:网站SEO关键词和描述。
code定义计算机代码
var定义变量
<pre> 定义预格式文本
<abbr>定义缩写
<address>定义地址
<blockquote>定义长的引用
<cite>定义引用、引证
<dfn>定义一个定义项目
HTML语义化:Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。
标签与语义相结合,尽量不要使用没有语义的标签比如:div、span,尽量使用p、ul、ol、table等标签。充分利用标签默认的含义
标题标签的选择
h1-h6, th,td,ul,ol,dl,dd,dt,p,em,strong
HTML5的标签语义化更彻底(后面)