HTML笔记

陈两全

已于 2024-08-08 09:21:32 修改

阅读量313

点赞数 10

文章标签：笔记前端

于 2024-08-05 19:51:09 首次发布

本文链接：https://blog.csdn.net/2201_76100326/article/details/140934572

版权

8.5

1.html文档的文件架构及其释义

<!-- HTML文档的开头，表示下面写的是html文档 -->
<!DOCTYPE html>
<!-- html文档的开始，里面的lang表示语言en为英语，zh-cn表示中文 -->
<html lang="en">
<!-- head标签，与body标签并列，为html文档的主要组成部分，head标签内一般写页面看不见的内容 -->
<head>
    <!-- 采用UTF-8编码 -->
    <meta charset="UTF-8">
    <!-- 表示与移动端的兼容 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- title标签内填写导航栏内的文字内容 -->
    <title>Document</title>
    <!-- rel内填入资源类型，href内填入内容的路径 -->
    <link rel="icon" href="">
</head>
<!-- 内填写页面显示的内容 -->
<body>
    
</body>
</html>

2.标签分类

标签分为双标签和单标签：

双标签：一般成对出现由两个标签组成前后标签内容一致且后面的标签内从“/”开始。

单标签：单独出现，标签内最后由“/”结尾。

3.标签的释义

1.h标签：

也称为标题标签，一共六个等级，h1一般在文档中只出现一次其他五个等级不做要求，在标签内的文本默认会加大加粗，数字越大，加大效果越弱，并且独占一行。

<h1~h6>标题标签</h1~h6>

2.p标签：

也称为段落标签，告诉浏览器，哪些⽂字是⼀个段落，因为在没有标签的包裹下，换行和空格再多都被视为一个空格。

<p>段落标签</p>

3.hr标签：

也被称为水平线标签在浏览器中画出一条水平线，水平线默认带有阴影效果使用noshade可取消阴影效果，可设长短（width），颜色（color），对齐方式（align），粗细（size）。

<hr/>

4.a标签

也被称为超链接标签，href内填写链接的地址，填入地址后会有四种不同的状态，已被访问（紫色），未被访问（蓝色），鼠标悬停（鼠标指针变化），点击激活（红色），同时会有下划线，没有href属性时没有任何效果，一般与其他标签一同使用时，会将title属性放在a标签上。

<a href="">超链接标签</a>

5.img标签

也被称为图像标签，src内填入图片的路径，alt内填入图像无法显示时的替代文本，搜索引擎可以通过它指定的文字搜索该图片。

<img src="" alt=""/>

4.其他

1.字符实体：

一个字符实体表示一个空格，不像文本的空格换行一样，每一个字符实体都会被解析并留出位置。

&nbsp;

2.命名规则：

1.应该只使用字母a-z，排序数字0-9，连字符（-），下划线（ _）和句点（.），任何其他字符可能给你带来麻烦，导致文件不能加载或页面加载不正确应该只使用字母a-z，排序数字0-9，连字符（-），下划线（ _）和句点（.），任何其他字符可能给你带来麻烦，导致文件不能加载或页面加载不正确

2.尽量以字母开头和使用小写字母

3.名称要有一定含义

4.不要忘记文件扩展名

陈两全

关注

10
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
HTML笔记

1.应该只使用字母a-z，排序数字0-9，连字符（-），下划线（ _）和句点（.），任何其他字符可能给你带来麻烦，导致文件不能加载或页面加载不正确应该只使用字母a-z，排序数字0-9，连字符（-），下划线（ _）和句点（.），任何其他字符可能给你带来麻烦，导致文件不能加载或页面加载不正确。也被称为超链接标签，href内填写链接的地址，填入地址后会有四种不同的状态，已被访问（紫色），未被访问（蓝色），鼠标悬停（鼠标指针变化），点击激活（红色），同时会有下划线，没有href属性时没有任何效果。
复制链接

扫一扫