给图片添加链接
可以通过把元素嵌套进锚点里使其变成一个链接。
把锚点的href属性设置为#，就可以创建固定链接。
创建一个无序列表
HTML 有一个特定的元素用于创建无序列表unordered lists（缩写 ul）。
无序列表以<ul>开始，中间包含一个或多个<li>元素，最后以</ul>结尾。
创建一个有序列表
HTML 有一个特定的元素用于创建有序列表ordered lists（缩写 ol）。
有序列表以<ol>开始，中间包含一个或多个<li>元素，最后以</ol>结尾。
创建一个输入框
创建一个form表单：
input输入框可以轻松获得用户的输入。
像这样创建一个文本输入框：
<input type="text">
注意：input输入框是没有结束标记的。
给输入框添加占位符文本
Placeholder占位符是用户在input输入框中输入任何东西前的预定义文本。
可以像这样创建一个占位符：
<input type="text" placeholder="this is placeholder text">
创建一个表单
通过给form表单添加一个action属性，你可以使用纯 HTML 来构建向服务器提交数据的 Web 表单。
(在input输入框外层创建一个form表单，然后设置表单的action属性为"/submit-cat-photo"。)
给表单添加提交按钮
给表单添加一个submit提交按钮，当点击提交按钮时，表单中的数据将会被发送到action属性指定的地址上。
（在表单的底部创建一个button按钮，按钮的type属性值为submit，文本为提交。）
给表单添加一个必填字段
当设计表单时，可以指定某些字段为必填项(required)，只有当用户填写了该字段后，才可以提交表单。
如果想把文本输入框设置为必填项，在input元素中加上required属性就可以了
例如：<input type="text" required>
当不填写任何文本直接提交时，会出现下面提示：
创建一组单选按钮
radio buttons（单选按钮）就好比单项选择题，正确答案只有一个。
单选按钮只是input输入框的一种类型。
每一个单选按钮都应该嵌套在它自己的label（标签）元素中。
所有关联的单选按钮应该拥有相同的name属性。
例如：
<label>
<input type="radio" name="indoor-outdoor">Indoor
</label>
最佳实践是在label元素上设置for属性，让其值与单选按钮的id属性值相等，这样就在label元素和它的子元素单选按钮之间创建了一种链接关系。例如：
<label for="indoor">
<input id="indoor" type="radio" name="indoor-outdoor">Indoor
</label>
创建一组复选框
checkboxes（复选框）就好比多项选择题，正确答案有多个。
每一个复选框都应该嵌套在它自己的label（标签）元素中。
所有关联的复选框应该拥有相同的name属性。
最佳实践是在label元素上设置for属性，让其值与复选框的id属性值相等，这样就在label元素和它的子元素复选框之间创建了一种链接关系。
给单选按钮和复选框添加默认选中项
通过添加checked属性，你可以设置某个单选按钮或多选按钮被默认选中。
为此，只需给input元素添加 "checked" 属性。
元素嵌套
div元素，也叫division（层）元素，是一个盛装其他元素的通用容器。
它也是 HTML 中出现频率最高的元素。
和其他普通元素一样，你可以用<div>来标记一个div元素的开始，用</div>来标记一个div元素的结束。
(在第一个<p>之前插入div开始标记，在</ol>之后插入div结束标记，这样，所有的列表都位于div之内。)
声明 HTML 文档的文档类型
在文档的顶部，你需要告诉浏览器你的网页用的 HTML 哪个版本。 HTML 是一个不停进化的语言，大部分浏览器都支持 HTML 的最新标准，也就是 HTML5。但是一些陈旧的网页可能使用的是 HTML 的旧版本。
可以通过<!DOCTYPE ...>来告诉浏览器使用的是 HTML 的哪个版本，"..." 部分就是版本的数字信息。<!DOCTYPE html>对应的就是 HTML5。
!和大写的DOCTYPE是很重要的，特别是对于老的浏览器。但html大写小写都可以。
接下来，所有的 HTML 代码都必须位于html标签中。其中<html>位于<!DOCTYPE html>的后面，</html>位于网页的结尾。
这是网页结构一个例子：
<!DOCTYPE html>
<html>
<!-- Your HTML code goes here -->
</html>
定义 HTML 文档的标题和正文
tml的结构主要分为两大部分：head、body。关于网页的描述都应该放入head标签，网页的内容都应该放入body标签
比如link、meta、title和style都应该放入head标签。
扫一扫
150
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
