HTML（基础篇）

最新推荐文章于 2023-03-09 00:00:22 发布

KeepStruggling

最新推荐文章于 2023-03-09 00:00:22 发布

阅读量394

点赞数 1

分类专栏： html编程文章标签： html

本文链接：https://blog.csdn.net/KeepStruggling/article/details/82319192

版权

1. HTML概述

超文本标记语言（超文本：功能更强大；标记语言：由标记显示网页各部分）
网页文件是通过添加标记符告知浏览器显示其中内容的文本文件。
浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程。
网页存放在服务器上，运行在浏览器上，运行之前先从服务器上下载到本地，在本地浏览器上解析

2. HTML的基本使用

2.1 HTML的基本结构

html：根元素，所有其他的元素都应该放在html内；
head：网页头部；
body：网页的主体；
：注释不可以嵌套

<!--这是一个HTML5-->
<!DOCTYPE html>
<!--根元素,lang表示语言-->
<html lang="zh-CN">
    <!--网页头部-->
    <head>
        <!--保存html页面时使用的码表，以及浏览器解析网页时使用的码表-->
        <meta charset="UTF-8">
        <title>标题</title> 
    </head> 
    <!--网页主体-->
    <body body的属性>
      	啦啦啦啦啦~啦
    </body>
</html>

2.2 HTML的标签

2.2.1 HTML标签分类

按是否含主体分
- 有主体的标签，即标签含开头和结尾
- 无主体的标签，即在结尾处直接加标签
有主体的意思是标签内部有封装数据
按是否换行分
- 块标签：每个标签独占一行，会自动换行
- 内联标签：标签本省不会自动换行，所有内联标签都在同一行。

2.2.2 文本标签

常用标签如下：

常用标签名	标签描述	常用属性
h1~h6	六级不同大小的标题（块标签）	align：标题对齐方式（center居中、right 右对齐、left 左对齐）;color：颜色
hr	水平线	align、width（长度）、size（粗细）
font（已过时）	设置字体	color、size、face（字体）等
b	加粗，与strong标签功能相同	/
I	斜体	/
br	换行，无主体标签	/
p	段落，无首段缩进，段落之间有间距	title：鼠标指着时显示一些提示信息

2.2.3 块标签与内联标签

div：块标签，分割页面，可用于文档布局；
span：内联标签，可用作文本的容器，以及为部分文本设置样式属性

2.2.4 列表标签

有序列表（ol-li）

<ol type = "type属性值">
    <li>内容1

最低0.47元/天解锁文章

KeepStruggling

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML（基础篇）

1. HTML概述超文本标记语言（超文本：功能更强大；标记语言：由标记显示网页各部分）网页文件是通过添加标记符告知浏览器显示其中内容的文本文件。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程。网页存放在服务器上，运行在浏览器上，运行之前先从服务器上下载到本地，在本地浏览器上解析2. HTML的基本使用...
复制链接

扫一扫

专栏目录