HTML

HTML

一、概念:

* Hyper Text Markup Language 超文本标记语言(最基础的网页开发语言)
* 超文本:
* 超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本
* 标记语言:
* 由标签构成的语言。<标签名称> 如html,xml
* 标记语言不是编程语言

二、快速入门:

* 语法:
1. html文档后缀名 .html 或 .htm
2. 标签分为:
1. 围堵标签:有开始和结束的标签。如
2. 自闭和标签:开始标签和结束标签在一起。如

3. 标签可以嵌套:
需要正确嵌套,不能你中有我,我中有你
4. 在开始标签中可以定义属性。属性是由键值对构成,值需要用引号(单双都行)引起来
5. html不区分大小写,但是建议使用小写

三、标签学习:

1. 文件标签:构成html最基本的标签
* html:html文档的根标签
* head:头标签。用于指定html文档的一些属性。引入外部的资源
* title:标题标签
* body:体标签
2. 文本标签:和文本有关的标签
* 注释:
*

to

:标题标签
*

:段落标签
*
:换行标签
*


:展示一条水平线
* :字体加粗
* :字体斜体
* :字体标签(淘汰了,不建议用)
3. 图片标签
* img :展示图片
标签并不会在网页中插入图像,而是从网页上链接图像。 标签创建的是被引用图像的占位空间。
* 属性:
src:

4. 列表标签:
* 有序列表:
* ol:
* li:
* 无序列表:
* ul:
* li:
5. 链接标签:
* a:定义一个超链接
* 属性:
* href:指定访问资源的URL(统一资源定位符)
* target:指定打开资源的方式
* _self:默认值,在当前页面打开
* _blank:在空白页面打开
6. div和span:
* div:每一个div占满一整行。块级标签
* span:文本信息在一行展示,行内标签 内联标签
7. 语义化标签:html5中为了提程序的可读性,提供了一些标签
*
:页眉
*
:页脚
8. 表格标签:
* :定义表格
* 属性:
* border:定义表格是否有边框
* width:宽度
* cellpadding:定义内容和单元格的距离
* cellspacing:定义单元格之间的距离。如指定为0,则单元格的线会合为一条
* bgcolor:定义表格背景色
* align:定义表格对齐方式
* :定义行
* 属性:
* bgcolor
* align
* :定义单元格
* 属性:
* bgcolor
* align
* colspan:合并列
* rowspan:合并行
* :定义表头单元格(默认居中加粗)
* :表格标题
* :表示表格的头部分(无样式,增强可读性)
* :表示表格的体部分(无样式,增强可读性)
* :表示表格的脚部分(无样式,增强可读性)

posted @ 2021-01-08 18:23  laozhupeiqi  阅读(97)  评论(0)    收藏  举报