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
文档的标题
标题标签
段落标签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站点根目录为参考基础的目录路径
指当所有网页引用同一个文件时,所使用的路径都是一样的