目录
一、什么是HTML
二、HTML的基本结构:
三、结构与属性:
四、常见标签:
一、什么是HTML
HTML:超文本标记语言(HyperText Markup Language)
超文本:指的是网页中可以显示的内容(图片,超链接,视频…)
标记语言:标记–>标签(标注)买东西–>商品标签(价格,材质,型号…)
标记语言中,就是提供了许多的标签,不同标签有不同的功能,
最终运行时,由浏览器对标前进行解析,最终呈现出不同标签的样子
二、HTML的基本结构:
ARuiiiiiii
1.:声明html语言的版本 html5
2.:html标签是标记语言中根标签
3.:head 为标签头
4.:是设定编码形式,UTF-8 就是在互联网上使用最广的一种 Unicode 的实现方式。
5.
6.:网页身体,可以在其中编写可见所需内容
三、结构与属性:
在讲常用标签之前,来解释一下标签相关知识点:
标签结构:
标签体双标签
自闭合标签,没有修饰的内容,只是完成某个功能单标签
注意:双标签的”/”在结束标签之前,单标签”/”在标签名之后
aaa
标签的属性:
可以通过改变标签属性,设置标签显示的格式
属性必须写在开始标签中
属性格式 属性名=”值”
一个标签中可以写多个属性
例如:
百度
就是设定标签体(即:百度)的颜色和大小
标签也可改变属性:
bgcolor=”blue”即将整个网页背景改为蓝色
四、常见标签:
1.标题标签:
…
每一个标题标签会独占一行
align=”” 控制标签内容在标签体中水平对齐方式(align=”center”即水平居中)
一级标题
二级标题
三级标题
1级标签
2级标签
图示:
2.标尺线:换行标签
用于换行加分割线
3.段落标签:
二叉搜索树是一种数据结构,用于存储数据并支持快速的插入、删除和搜索操作。它是一种树形结构。
二叉搜索树的高效性与其关键字的特性密切相关。
图示:
4.列表:
无序列表:
即标签体呈现的内容前没有序号,自动换行
有序列表:
即标签体呈现的内容前有序号,自动换行
列表无序列表- 列表1
- 列表2
- 列表3
- 列表4
有序列表- 列表5
- 列表6
- 列表7
- 列表8
图示:
5.超链接:
:HTML 使用超级链接与网络上的另一个文档相连,通俗的说就是通过连接来访问其他网页资源
href=”网页的地址”
target=”_blank”在新窗口打开目标网页
target=”_self”在当前窗口打开一个新网页 (target:默认值为_self)
百度
点击标签体“百度”后就会跳到地址对应的页面
6.图像标签:
7.特殊符号转义:
在HTML中预留了一些字符,这些预留字符是不能在网页中直接使用的,例如空格或一些特殊标志。
1)<和&bt:分别代表符号“”
2) 代表一个空格
3)®表示注册商标
4)©表示版权
<b>标签的功能是加粗文字
®©
图示: