本文详细介绍了HTML的基础概念，包括其作为网页开发语言的角色、基本语法、常用标签及其属性，如标题、段落、列表、链接等，并探讨了HTML5的新特性，适合初学者快速上手。
HTML
- 概念：是最基础的网页开发语言
Hyper Text Markup Language 超文本标记语言- 超文本：
超文本使用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本 - 标记语言:
由标签构成的语言。<标签名称> 如html，xml
标记语言不是编程语言
- 超文本：
- 快速入门：
- 语法：
-
html文档后缀名 .html或者 .htn
-
标签分为：
- 围堵标签：有开始标签和结束标签。如：
<html></html> - 自闭和标签：开始标签和结束标签在一起，如：
<br/>
- 围堵标签：有开始标签和结束标签。如：
-
标签可以嵌套：
需要正确嵌套，不能你中有我，我中有你
错误:<a><b></a></b> -
再开始标签中可以定义属性。属性是由键值对构成，值需要用引号（单双都可）引进来
-
html的标签不区分大小写，但是建议使用小写。
-
代码
<html> <head> <title>title</title> </head> <body> <font color='red'>Hello World</font><br/> <font color = 'green'>Hello World</font> </body> </html>
-
- 语法：
- 标签学习：
- 文件标签：构成html最基本的标签
- html：html文档的根标签，属性lang可以设置国家
- head：头标签。用于指定html文档的一些属性。引入外部的资源
- title：标题标签
- body：体标签
- ：html5中定义该文档是html文档
- meta中有个charset可以设置字符集
- 文件标签：和文本有关的标签
- 注释：
<!-- 注释内容--> <h1> to <h6>：标题标签，字体大小逐渐递减<p>：段落标签<br>：换行<hr>：显示一条水平线（具有属性）- color
- width：宽度
- size：高度
- align：对其方式
<b>：字体加粗<i>：字体斜体<center>：居中<font>：字体标签（html5已经不支持）- color
- size
- face：字体风格
- 属性定义：
- color：
- 英文单词：red，green，blue
- rgb（值1，值2，值3）：值的范围：0~255
- #值1值2值3：值的范围：00~FF之间。如#FF00FF
- width：
- 数值：width = ‘20’,数值的单位，默认是px（像素）
- 数值%：占比相对于父元素的比例
- color：
- 注释：
- 图片标签：
<img>：展示图片
* src：路径 - 列表标签：
- 有序列表
ol
li - 无序列表
ul
li
- 有序列表
- 链表标签：
<a>：超链接<a href = "http://www.baidui.com">点击此处</a>- 属性：
- herf ：指定访问资源的url（同一资源定位符）
- target：指定打开资源
- _self：在当前页面打开
- _blank：在空白页面打开
- 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>
- table：定义表格
- 表单标签
- 表单：
- 概念：用于采集用户输入的数据的。
- form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围
- 属性：
- action：指定提交数据的url
- method：指定提交方式
- 分类：一共7种，2种比较常用
get：
1.请求参数会在地址栏中显示；
2.请求参数的大小是有限制的；
3.请求不太安全。
post：
1.请求参数不会在地址栏中显示。会封装到请求体中；
2.请求参数的大小没有限制；
3.比较安全。
- 分类：一共7种，2种比较常用
- 表单项中的数据要想被提交：必须制定其name属性
- 属性：
- 表单项标签：
- input：可以通过type属性值，改变元素展示的样式
- type属性：
- text：文本输入框，默认值
placeholder：指定输入框的提示信息，当输入框的内容发生变化，会自动清空提示信息 - password： 密码输入框
- radio：单选框
- 注意：
- 要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样
- 一般会给每个单选框提供value属性，指定其被选中后提交的值（同checkbox）
- checked属性，可以指定默认值（同checkbox）
- 注意：
- checkbox：复选框
- file：文件选择框
- hidden：隐藏域，用于提交一些信息
- 按钮：
- submit：提交按钮。可以提交表单
- button：普通按钮
- image：图片提交按钮
- src属性指定图片的路径
- text：文本输入框，默认值
- label：指定输入项的文字描述信息
注意：label的for属性一般和input的id属性值对应。如果对应了，则点击label区域，会让input输入框获取焦点。
- type属性：
- select：下拉列表
- textarea：文本域
- input：可以通过type属性值，改变元素展示的样式
- 表单：
- 文件标签：构成html最基本的标签
扫一扫
5804
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
