基础结构

1 html文件的根标签

<html></html>

所有的其他标签都要在这个标签中间
2 html根标签下有两个一级子标签

<head></head>

头标签定义那些不直接展示在页面主体上，但是又很重要的内容

1 字符集<metacharset=”utf-8”/>告诉浏览器用什么字符集对文件解码

2 css引入

3 js引入

4 其他

<bodY></bodY>

体标签

1 定义要展示到页面主体的标签

专业词汇

标签

代码中的一个<>叫做一个标签，有些标签成对出现，称之为双标签，有些标签单独出现，称之为单标签
属性
一般在开始标签中，用于定义标签的一些特征

文本

双标签中间的文字，包含空格换行等结构
元素
经过浏览器解析后，每一个完整的标签（标签+属性+文本）可以称之为一个元素

标签

列表

有序列表 ol
无序列表 ul
列表项 li

超链接

a

​ href用于定义要跳转的目标资源的地址
​ 1 完整的url
​ 2 相对路径
​ 3 绝对路径
​ target用于定义目标资源的打开方式
​ _self 在当前窗口打开目标资源
​ _blank 开启新窗[ll打开目标资源

图片

img

​ src 定义图片的路径
​ 1url
​ 2相对路径
​ 3绝对路径
​ title 定义鼠标悬停时提示的文字
​ alt 定义图片加载失败时提示文字

表格

table 整张表格
thead 表头
tbody 表体
tft 表尾
tr 表格中的一行
td 行中的一个单元格
th 自带加粗居中效果的td

表单

form标签，表单标签，其内部用于定义可以让用户输入信息的表单项标签
action,form标签的属性之一，用于定义信息提交的服务器的地址
method，form标签的属性之一，用于定义信息的提交方式
getget方式，数据会缀到url后，以?作为参数开始的标识，多个参数用&隔开
postpost方式，数据会通过请求体发送，不会在缀到url后
input标签，主要的表单项标签，可以用于定义表单项
name,input标签的属羡之一用于定义提交的参数名
type,input标签的属性之一，用于定义表单项类型
text文本框
password 密码框
submit 提交按钮
reset 重置按钮