HTML知识点

最新推荐文章于 2024-08-01 21:13:20 发布

zyx127

最新推荐文章于 2024-08-01 21:13:20 发布

阅读量144

点赞数

文章标签： html

本文链接：https://blog.csdn.net/zyx127/article/details/108454780

版权

html

html概念

1.HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。
2.HTML 不是一种编程语言，而是一种标记语言 (markup language)
3.标记语言是一套标记标签 (markup tag)

超文本含义
1.因为它可以加入图片、声音、动画、多媒体等内容（超越文本限制） 2. 不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本
）。
html 总结:
1.html 是超文本标记(标签)语言
2.学习html 主要学习html标签
3.用html标签描述网页元素。比如图片标签、文字标签、链接标签等等标签有自己的语法规范，所有的html标签都是用 <> 表示的

文档类型<!DOCTYPE>

< ! DOCTYPE html>

作用：
声明位于文档中的最前面的位置，处于标签前。此标签可告知浏览器文档使用哪种 HTML 或XHTML规范。

页面语言lang

在这里插入图片描述
en定义语言为英语
zh-CN定义语言为中文

字符集

在这里插入图片描述
utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。
gb2312 简单中文包括6763个汉字 GUO BIAO
BIG5 繁体中文港澳台等用
GBK包含全部中文字符是GB2312的扩展，加入对繁体字的支持，兼容GB2312
UTF-8则基本包含全世界所有国家需要用到的字符

html标签

在HTML页面中，带有“< >”符号的元素被称为HTML标签，如上面提到的、、都是HTML骨架结构标签。
分类：
双标签单标签
html不是所有都是双标签
关系：
嵌套关系与并列关系
在这里插入图片描述

骨架标签

在这里插入图片描述
HTML标签页面中最大的标签，我们成为根标签
文档的头部注意在head标签中我们必须要设置的标签是title
文档的标题让页面拥有一个属于自己的网页标题<br/> 文档的主体元素包含文档的所有内容，页面内容基本都是放到body里面的

标题标签

在这里插入图片描述

段落标签p

水平标签hr

例题

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h3>40.6摄氏度：上海创出140年气象史上高温新纪录</h3>
    <div style="with:250px;border-bottom: 1px solid black">
        <p style="margin-bottom: 5px;">2020年07月27日 10:58:26来源：新华网</p>
    </div>
    <div style="hight:30px">
        <p>新华圳上海7月26日中(记热茶荣)26月13时36分至47分这一晚，上海作求汇息售见现贴剎半兰日地地进达40，6张5流，这品上t海有说记巂3来140年的弟油的3g，
            打成了位前1934年价]控40，2断流的出突8.</p>
    </div>
    <div style="hight:30px">
        <p>上海于经椟续2天发出了赢高持你的红色高法搭祝。上海中心气的伯芭前服务官海样说，今年副战赫狂强前形船胜，认上霞协江就四独剂“实在队能定丁，整个7月治基不上土处在的力独力内。
            13日靶出做7放被史17月1"“湖班前 的然Eh这物26E的摄i"“E放债%，l不了301困t度。他后不的好杆置，此外，26日由列小，又依g亚作队”。帕是在中之后这一个匮出钢高形股时段，
            并茄灾比尔强。所以气温“性线织"，一半城斯历投板值，出现了“纸球”的板好量天.
        </p>
    </div>
    <div style="hight:30px">
        <p>8月13自的40摄氐度。在上湖沉史上，出现40扭祖日渡以上仍持调出的几车并不大，被阻组次资料，中火抠作工M临140年次刚出现75次记技，47这次.的i记a，
            这阿有的提是134年7月12D1吨40.2张a础;，1934年16月251.21009年7/101.20101
        </p>
    </div>
    <div>
        <p>由于气证变在太高，上海26日下午不少拙区出现了热对流天气，气徐台说。首光是清东地区，下起了热黑而。到15时05分，全布大都分地区出现了分拉性的曾电活动和热匾诺，
            中心城区徐应汇等纶松响担了性狂的逼而。
        </p>
    </div>
</body>
</html>

换行标签br

div 和 span标签(重点)

div span 是没有语义的是我们网页布局主要的2个盒子想必你听过 css+div
div 就是 division 的缩写分割，分区的意思其实有很多div 来组合网页。
span 跨度，跨距；范围

在这里插入图片描述

图像标签img

<img src="图像“ />
在这里插入图片描述

连接标签a

在这里插入图片描述
注释语句快捷键是： ctrl + / 或者 ctrl +shift + /

相对路径

以引用文件之网页所在位置为参考基础，而建立出的目录路径

绝对路径

绝对路径以Web站点根目录为参考基础的目录路径
指当所有网页引用同一个文件时，所使用的路径都是一样的

zyx127

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML知识点

htmlhtml概念1.HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。2.HTML 不是一种编程语言，而是一种标记语言 (markup language)3.标记语言是一套标记标签 (markup tag)超文本含义1.因为它可以加入图片、声音、动画、多媒体等内容（超越文本限制） 2. 不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。html 总结:1.html 是超文本标记(标签
复制链接

扫一扫