标签：网页 序列表 Text Markup HTML 标签 input type 页面

HTML Hyper Text Markup Language

 

html 的基本结构

doctype 告诉浏览器我们使用什么规范

html 标签放里面

head 头部标签代表网页头部

meta 描述性标签 用来描述网站的一些信息 一般用来做SEO（Search Engine Optimization 搜索引擎优化）

title 网页标题

body 代表网页主体

网页基本标签

1. 标题标签

   ​

   一级标签h1

   ​ ​

   二级标签h2

   ​ ​

   三级标签h3

   ​ ​

   四级标签h4

   ​ ​

   五级标签h5

   ​ ​

   六级标签h6

   ​

2. 段落标签

   ​

   段落标签p

   ​

3. 换行标签

   换行标签 br

4. 水平线标签

   ​

   ---

   ​

   水平线标签hr

5. 字体样式标签

   粗体strong

   斜体em

6. 注释和特殊符号

   © 空格：& nbsp；

7. 图像标签

   <img src=图像的路径 alt=图像加载失败时显示 title=悬停文字 width=宽 height=高

8. 链接标签

   • 超链接 跳转到其他的页面

     <a herf=跳转的路径 target表示窗口在哪里打开="blank"新页面打开、"self"在这个网页打开

   • 锚链接 可以实现页面间的跳转

     <a name=锚 herf=跳转的位置

   • 功能性链接

     <a herf="mailto"

行内元素 排在一行

块元素 无论内容多少，该元素独占一行

列表

• 无序列表

  ​
  • 无序列表表头标签ul
  • 有序列表子标签li
  • 1
  • 2
  • 3
  ​

   

• 有序列表

  ​
  1. 有序列表头标签ol
  2. 有序列表子标签li
  3. 1
  4. 2
  5. 3
  ​

   

• 定义列表

  ​

  子标签dt 表示分类

  头标签为dl

  子标签dd 分类下的具体

  ​

   

表格<table标签> <tr标签 > <td标签 rowspan跨行 colspan 跨列>

​

1-1
2-1	2-2	2-3	2-4
	3-2	3-3	3-4

​

视频和音频 <video 标签 controls控制条> <audio 标签>

页面结构分析

​

元素名	描述
header	标题头部区域的内容
footer	标记脚部区域的内容
section	Web页面中的一块独立区域
article	独立的文章内容
aside	相关内容或应用
nav	导航类辅助内容

​

iframe内联框架 <iframe 标签>

表单<form 标签 method=规定如何发送表单数据 action=向何处发送表单数据>

get方式提交：我们可以在url中看到

post：可以传输大文件

文本输入框：input type=”text“

密码框：input type=”password“

提交：input type=”submit“

重置：input type=”reset“

单选框：input type=”radio“ name要一致

多选框：input type=”checkbox“ name要一致

按钮：input type=”button“

input type=”image”

下拉框：<select 标签> <option 标签>

文本域：<textarea 标签>

文件域：<input type="file"

邮箱验证：input type=“email”

表单的应用

readonly 只读

disable 禁用

hidden 隐藏

增强鼠标的可用性 label标签for=名称

表单的初级验证

placeholder 提示信息

required 不能为空

pattern 正则表达式https://www.cnblogs.com/dreamingbaobei/p/9717234.html

标签：网页,序列表,Text,Markup,HTML,标签,input,type,页面
From： https://www.cnblogs.com/Ianaihs/p/16836144.html