概念：Hyper Text Markup Language 超文本标记语言，是最基础的网页开发语言
超文本：超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本
标记语言：由标签构成的语言（如：html，xml），标记语言不是编程语言
语法：
后缀是html或htm
标签分为：
1.围堵标签：由开始标签和结束标签组成（如：<html></html>）
2.自闭和标签:开始标签和结束标签在一起（如：<br/>）
标签可以嵌套，但是需要正确嵌套，不能你中有我，我中有你
在开始标签中可以定义属性，由键值对组成，值需要用引号（单双都行）引起来（如：<font color='red'>Hello World</font>）
html标签不区分大小写，建议使用小写
html中的注释：<!-- 注释内容 -->
标签
文件标签（构成html最基本的标签）
<html>标签：html文档的根标签
<head>标签：头标签（用于指定html文档的一些属性，引入外部资源）
<title>标签：标题标签
<body>标签：体标签
<!DOCTYPE html>标签：html5中定义该该文档是html文档
文本标签（和文本有关的标签）
<h1> ~ <h6>：标题标签（从1到6字体逐渐变小，自带换行）
<p>：段落标签
<br>：换行标签（自闭和标签）
<hr>：显示一条水平线（自闭和标签）
<b>：字体加粗
<i>：字体斜体
<font>：字体标签
<center>: 文本居中
图片标签
<img>图片标签（自闭和标签）
例：<img src="image/jiangwai_1.jpg">
src属性指定图片的位置
列表标签
1.有序列表
<ol>有序列表标签
属性type：规定列表的类型
<li>列表项标签
例：
<ol type="I">
<li>how are you</li>
<li>i'm fine</li>
<li>thank you</li>
</ol>
2.无序列表
<ul>无序列表标签
<li>列表项标签
例：
<ul>
<li>how are you</li>
<li>i'm fine</li>
<li>thank you</li>
</ul>
链接标签
<a>链接标签：定义一个超链接
属性：
href：指定访问资源的URL
target：指定打开资源的方式，取值有：_self（默认值，在当前页面打开链接），_blank（在新的页面打开链接）
例：<a href="https://www.baidu.com/" target="_blank">百度一下</a>
注意：
超链接的功能：1.可以被点击 2.点击后跳转到指定url
需求保留1功能，去掉2功能
实现：href=”javascript:void(0);“
div和span
<div>:每一个div占满一整行,块级标签（自动换行）
<span>文本信息在一行展示，行内标签（内联标签）
语义化标签（html5中为了提高程序的可读性，提供的一些标签）
<header>页眉
<footer>页脚
表格标签
<table>:定义一个表格
属性：width（宽度），border（边框），cellpadding（定义内容和单元格的距离），cellspacing（定义单元格之间的距离），bgcolor（表格的背景色），align（对齐方式）
<tr>：定义行
属性：bgcolor（表格的背景色），align（对齐方式）
<td>：定义单元格
属性：colspan（合并列），rowspan（合并行）
<th>:定义表头单元格
<caption>:表格标题
<thead>：表示表格的头部分
<tbody>：表示表格的体部分
<tfoot>：表示表格的脚部分
表单标签
表单：用于采集用户输入的数据，用于和服务器进行交互
<form>:用于定义表单，定义一个范围（采集用户数据的范围）
属性
action：指定提交数据的URL（如：<form action="#"> ,# 代表当前页面）
method：指定提交方式（常见取值有：get，post）
1.get：请求参数会在地址栏显示，会封装在请求行中；请求参数大小是有限制的；不太安全
2.post：请求参数不会在地址栏显示，会封装在请求体中；请求参数大小没有限制；较为安全
注意：表单项的数据要想被提交，必须指定其name属性
表单项标签：
<input>：可以通过type属性值改变元素展示的样式
type属性的取值：
1.text：文本输入框（默认值）
2.password：密码输入框
placeholder属性可以为输入框提示输入信息
例：用户名：<input type="text" name="username" placeholder="请输入用户名">
<label>：指定输入项的文字描述信息
注意：label的for属性一般会和 input 的 id属性值 对应。如果对应了，则点击label区域，会让input输入框获取焦点。
3.radio：单选框
注意：要想多个单选框实现单选的效果，则多个单选框的name属性值必须一样；一般会给每一个单选框提供value属性，指定其被选中后提交的值；checked属性可以指定默认值
例：性别：<input type="radio" name="gender" value="male" checked="checked">男
4.checkbox：复选框
5.file:文件选择框
6.hidden：隐藏域，用于提交一些信息
7.submit：提交按钮
8.button：普通按钮
9.image：图片提交按钮，src属性指定图片的路径
10.date：日期输入框
11.email：邮件输入框
12.number：数字输入框
<select>下拉列表标签
<option>:子元素，指定列表项
属性：selected指定为默认列表项
<textarea>文本域标签
属性：
cols：指定列数，每一列有多少个字符
rows：默认多少行
扫一扫
9072
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
