html第一天知识总结

一.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

合并的顺序 先上 先左