**HTML(HyperText Markup Language) 超文本标记语言**
一、html网页基本结构
!DOCTYPE html <!-- 声明文档类型H5 --!>
html <!-- 根标记标签 --!>
head
meta charset=“utf-8” <!-- 设置字符的编码类型 --!>
title>这个是标题</title
/head
body <!-- 网页的主题部分 --!>
/body
/html
注:英文直接使用网页基础代码会与浏览器吱声冲突,故删除一部分。
二、标签部分
1.p 段落标签
2.span 行内标签
3.hr 分割线标签
4.br 换行标签
5.hn (h1-h6) 标题标签
6.del 删除标签
7.u 下划线标签
8.em/i 斜体标签
9.b/strong 加粗标签
10.【header 头部标签】 // 【】的是语义化标签
11.【section 中间部分标签】
12.【footer 尾部标签】
13.【nav 导航栏标签】
14.(video 视频标签) // ()的是媒体标签
15.(audio 音频标签)
16.(img 图片标签)
17.ul 带原点符号的无序列表标签
18.ol 有序列表标签
19.li 列表项目标签
20.dl 不带原点符号的无序列表标签(内部还有dt,dd标签)
21.a 超链接标签
22.table 表格标签(内部还有tr行,th列,td普通列)
23.form 表单标签
24.input 输入标签
25.textarea 多文本标签
26.button 按钮标签
27.select 下拉列表标签(option,下拉列表中的一个标签)
28.form 表单域
{
单行文本域:
密码文本域:
单选按钮:
多选按钮:
手机号码按钮:
数字按钮:
颜色按钮:
隐藏域:
提交按钮:
重置按钮:
自定义按钮:
文件上传:
多行文本域:
下拉列表域:
}
学习HTML的都知道,标签非常的繁多,这里也仅仅列举了一部分,感觉HTML学习的就是标签的使用,后面配合CSS,JavaScript、jQuery等,才能尽善尽美,道路漫长,就先分享这么多了。
If you can make a little progress every day, you should be very happy. ——MRIRA