一.web标准
Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。理想状态我们的源码: .HTML .css .js .
二.HTML的标签
1.为什么要标签的语义化?
①方便代码的阅读和维护②同时让浏览器或是网络爬虫可以很好地解析,从而更好分析其中的内容③使用语义化标签会具有更好地搜索引擎优化.
核心:合适的地方给一个最为合理的标签 .
2.标题标签
<h1>~<h6>
标题标签语义: 作为标题使用,并且依据重要性递减
3.段落标签
<p>文本内容</p>
在网页中要把文字有条理地显示出来,离不开段落标签,就如同我们平常写文章一样,整个网页也可以分为若干个段落 是HTML文档中最常见的标签,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。
4.水平线标签
<hr />就是创建横跨网页水平线的标签
5.换行标签
<br />在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。如果希望某段文本强制换行显示,就需要使用换行标签
6.div+span标签
div span 是没有语义的 是我们网页布局主要的2个盒子
7.文本格式化标签
<b></b><strong><strong/>字体加粗
<i></i><em></em>字体倾斜
<s></s><del></del>字体加删除线
<u></u><ins></ins>字体加下划线
b i s u 只有使用 没有 强调的意思 strong em del ins 语义更强烈
8.图像标签img
<img/>的属性
src-图像的路径
alt-图像不能显示时的替换文本
width-图像的宽度
height-图像的高度
border-图像边框的宽度
9.链接标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href:用于指定链接目标的url地址,当为标签应用href属性时,它就具有了超链接的功能。
target:用于指定链接页面的打开方式,其取值有self和blank两种,其中self为默认值,blank为在新窗口中打开方式。
10.base标签
base 可以设置整体链接的打开状态 把所有的连接 都默认添加 target="_blank"
11.列表标签
1.无序列表ul
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
12.表格table
1.基本语法
<table>
<tr>
<td>单元格内文字</td>
...
</tr>
</table>
2.表格属性
border-设置表格的边框(默认border="0")
cellspacing-设置单元格与单元格边框的距离
cellpadding-设置单元格内容与单元格边框的距离
width-设置表格的宽度
height-设置表格的高度
aline-设置表格在网页中的水平对齐方式
3.表头标签
只需用表头标签th</th替代相应的单元格标签td</td即可。
4.表格标题
caption 元素定义表格标题。
<table>
<caption>我是表格标题</caption>
</table>
5.合并单元格
跨行合并:rowspan 跨列合并:colspan
合并单元格的思想:
将多个内容合并的时候,就会有多余的东西,把它删除。 例如 把 3个 td 合并成一个, 那就多余了2个,需要删除。
公式: 删除的个数 = 合并的个数 - 1
合并的顺序 先上 先左