->什么是 HTML?
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
->HTML 文档 = 网页
- HTML 文档描述网页
- HTML 文档包含 HTML 标签和纯文本
- HTML 文档也被称为网页
->各节点作用
HTML 标题: <h1> - <h6> ,<h1> 定义最大的标题。<h6> 定义最小的标题
HTML 水平线: <hr /> 标签在 HTML 页面中创建水平线
HTML 注释: <! --内容-->
HTML 提示 - 如何查看源代码: 网页单击右键,然后选择“查看源文件”(IE)或“查看页面源代码”(Firefox)
HTML 段落: 通过 <p> 标签进行定义的
HTML 链接: 通过 <a> 标签进行定义的
<a href="http://www.w3school.com.cn">This is a link</a>
->没有下划线的链接:
<a href="/example/html/lastpage.html" style="text-decoration:none">这是一个链接!</a>
->target 属性,定义被链接的文档在何处显示,下面的这行会在新窗口打开文档:
<a href="http://www.w3school.com.cn/" target="_blank"
>Visit W3School!</a>
->name 属性
<a name="label">锚(显示在页面上的文本)</a>实例: 首先,我们在 HTML 文档中对锚进行命名(创建一个书签):
<a name="tips"
>基本的注意事项 - 有用的提示</a>
然后,我们在同一个文档中创建指向该锚的链接:
<a href="#tips">有用的提示</a>
也可以在其他页面中创建指向该锚的链接:
<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>
在上面的代码中,我们将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个命名锚了
HTML 图像: 通过 <img> 标签进行定义的
<img src="w3school.jpg" width="104" height="142" />
HTML 换行: <br/> 标签定义换行
HTML 属性: 属性总是以名称/值对的形式出现,比如:name="value"。属性总是在 HTML 元素的开始标签中规定,属性值应该始终被包括在引号内,双引号是最常用的,不过使用单引号也没有问题某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号
name='Bill "HelloWorld" Gates'
HTML 图像: 由 <img> 标签定义,没有闭合标签
<img src="http://www.w3school.com.cn/images/boat.gif" width="128" height="128" />
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的
alt="Big Boat"
>
HTML 表格: <table> 定义表格
<table border="1">,定义表格边框粗细为1
<th>定义表格标题
<tr>定义表格具体行
<td> 定义单元格,字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等
<td> </td>或
<td></td>定义空单元格
<caption>我的标题</caption>,定义有标题的表格