1. HTML 的构成
HTML 文件都是由标签构成的，大部分标签都是双标签，由头标签和尾标签组成，小部分标签为单标签，没有尾标签。每个标签有特定的作用，例如，代表“连接”的 a 标签，代表“图片”的 img 标签等。
2. 标签的基本写法
2.1 双标签的写法
<p>
这是一段话
</p>
代码块
总结: 双标签是成对出现的， 尾标签在标签名前会多一个/。
2.2 单标签的写法
<img src='http://localhost/'>
总结：单标签没有尾标签。
3. 标签的内容和属性
3.1 标签的内容
标签的内容写在头标签和尾标签之间， 代表这段内容由特定的标签修饰。
<p>
这是一段话 <!-- 这段为p标签的内容 -->
</p>
Tips：单标签没有内容，因为它没有尾标签，通常我们指的是双标签之间的内容。
3.2 标签的属性
标签的属性，如果是标签为双标签，则属性写在头标签中（头标签的<>内）， 如果是单标签，则写在标签的<>内。
<a href='https://www.baidu.com'>百度</a> <!-- 双标签的属性写在头标签的<>内 -->
<img src='http://localhost/'> <!-- 单标签的属性写在标签的<>内 -->
总结：标签的属性有三部分构成，属性名，等号，属性值，等号左边的为属性名，等号右边的为属性值，属性值必须由引号引起来，单引号和双引号都可以。标签的属性用来给标签添加属性，让标签有特点的作用。
4. HTML 标签的关系
4.1 嵌套关系
一组标签写在另外一组标签之间，充当了另外一组标签的内容。例如：
<div>
<p>
我是一个p标签
</p>
</div>
标签与标签之间是可以嵌套的，但先后顺序必须保持一致。
4.2 并列关系
一组标签和另外一组标签平级，没有任何的嵌套关系。例如：
<div>
我是一个div标签
</div>
<p>
我是一个p标签
</p>
Tips：HTML 标签只有两种关系，要么是嵌套关系，要么是并列关系。
5. 标签的注意事项
HTML标签不区分大小写，<p> 和 <P> 是一样的，但建议小写，因为大部分程序员都以小写为准。
- HTML 不是一种编程语言，而是一种标记语言
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML 标签及文本内容
- HTML文档也叫做 web 页面
HTML 基本语法
HTML 文件都由不同的标签构成的：
<!DOCTYPE HTML> <HTML lang="en"> <head> <title>HTML基本语法</title> </head> <body> <p>这是一段话</p> <h1>我是一个大标题</h1> <a href="http://localhost/">localhost</a> </body> </HTML>6.制作登录框
-
http://localhost/为制作的网页
-
登录框的代码
-
<form> <p>first name<br> <input type="text" class="textinput" placeholder="first name"> </p> <p>last name<br> <input type="password" class="textinput" placeholder="last name"> </p> < Headers 标题：markdown基本内容
# H1 ## H2 ### H3 #### H4 ##### H5 ###### H6另外，H1和H2还能用以下方式显示：
一级标题 === 二级标题 ---Emphasis 文本强调：
*斜体* or _强调_ **加粗** or __加粗__ ***粗斜体*** or ___粗斜体__但是，如果你的
*和_两边都有空白的话，它们就只会被当成普通的符号：这是一段*文本强调*的说明示例。如果要在文字前后直接插入普通的星号或底线，你可以用反斜线（转义符）：
\*这是一段被星号包围的文字\*/form>
扫一扫
182
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
