1.增加一个标题
<title>My first HTML document</title>
这个时候用浏览器打开文件其实只是一片空白。
2.添加头部和文件
HTML中有6个级别的头字体。H1是最重要的,H2次之,一直到H6
每一个片段都应该有<p>的标签.
<h1>An important heading</h1>
<h2>A slightly less important heading</h2>
<p>This is the first paragraph.</p>
<p>This is the second paragraph.</p>
3.增加一些强调
This is a really <em>interesting</em> topic!
但是在这我也不加上<p>的标签,也还是会展示,所以我猜应该是默认的吧?
4.增加图片到你的页面中
<p><img src="text.png" width="200" height="150" alt="My friend Peter"></p>
图片可以指定长宽的像素大小, 也可以增加替换表达,当这个图像不存在的时候(alt)。
longdesc 几乎所有的网页都不支持这个标签了。
5.增加到其他页面的链接
This is a link to <a href="peter.html">Peter's page</a>
链接到其他的网页:
This is a link to <a href="http://www.w3.org/">W3C</a>.
你也可以将一个图片链接到一个地址:
<a href="peter.html"><img src="text.png" alt="My friend Peter"></a>
6.三种列表
Html支持三种列表
(1)无序列表 ul
<ul>
<li>the first list item</li>
<li>the second list item</li>
<li>the third list item</li>
</ul>
![](data:image/png;base64,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)
(2)有序列表 ol
<ol>
<li>the first list item</li>
<li>the second list item</li>
<li>the third list item</li>
</ol>
上面这两种都是</ol>是必须的而</li>是可选的。
(3)第三个是定义列表,这个列表允许你增加定义。dt 表示每一项,而dd表示定义。
<dl>
<dt>the first term</dt>
<dd>its definition</dd>
<dt>the second term</dt>
<dd>its definition</dd>
<dt>the third term</dt>
<dd>its definition</dd>
</dl>
同时这些列表都是可以嵌套的。
7.HTML有一个头部和身体部
如果你使用浏览器的预览页面源代码的功能,可看到HTML页面。这个文件通常是又一个申明什么版本的HTML被使用而开始的。然后是<html><head>的标签,然后就是在最后面</html>。<html></html> 如同一个容器一样。 <head> ... </head> 包含了标签。<body> ... </body> 包含了标记以及可见的内容。
8.整理你的标记
一个自动休整标记错误的工具是:
HTML TIDY https://www.w3.org/People/Raggett/tidy/
以上,然后这个都是介绍的HTML4.0来着,如果有详细需要还是看
ps一个自己写的html作为结束:
<html> <head> <title>My first HTML document</title> </head> <body> <h1>An important heading</h1> <h2>A slightly less important heading</h2> <p>This is the first paragraph.</p> This is the second paragraph. This is a really <em>interesting</em> topic! <p><img src="text.png" width="200" height="150" alt="My friend Peter"></p> This is a link to <a href="peter.html">Peter's page</a> This is a link to <a href="http://www.w3.org/">W3C</a>. <a href="peter.html"><img src="text.png" alt="My friend Peter"></a> <ul> <li>the first list item</li> <li>the second list item</li> <li>the third list item</li> </ul> <ol> <li>the first list item</li> <li>the second list item</li> <li>the third list item</li> </ol> <dl> <dt>the first term</dt> <dd>its definition</dd> <dt>the second term</dt> <dd>its definition</dd> <dt>the third term</dt> <dd>its definition</dd> </dl> </body> </html>