HTML基本结构与标签

1、HTML基本结构

HTML网页基本结构

HTML标签都以“< >”开始、“</ >”结束
网页中所有的内容都放在之间

网页基本信息

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>腹白的博客</title>
<meta charset="UTF-8">
<meta name="keywords" content="腹白,博客"/>
<meta name="description" content="看博客，搜腹白"/>
</head>
<body>
</body>
</html>

DOCTYPE声明

　　　　百度搜索DOCTYPE声明，查看菜鸟教程：https://www.runoob.com/tags/tag-doctype.html

< title>标签

< meta>标签

　　网页常用的字符编码有gb2312、utf-8，两者之间的区别。

2、网页的基本标签

2.1、标题标签

h1最大，h6最小

<h1>腹白</h1>
<h2>腹白</h2>
<h3>腹白</h3>
<h4>腹白</h4>
<h5>腹白</h5>
<h6>腹白</h6>

2.2、段落标签

2.3、换行标签

换行标签，查看效果图,看段落标签和换行标签的不同

2.4、水平线标签

2.5、字体样式标签

2.6、注释和特殊符号

注释

<!--我是注释-->

特殊符号

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>特殊符号</title>
</head>
<body>
<!--空格-->
<p>
腹白的博客 Java<br/>
腹白的博客 Java<br/>
腹白的博客Java<br/>
</p>
<!--大于小于-->
<p>
> < <br>
> <
</p>
<!--引号-->
<p>
"腹白的博客"
</p>
<!--版权-->
<p>
 2019-2022 腹白的博客
</p>
<!--万能的公式 &符号+xxx -->
</body>
</html>

2.7、图像标签

常见的图像格式：jpg、gif、png、bmp…

说明：jpg、gif是网页中最常用的格式，PNG受浏览器兼容性的限制

说明：

alt属性常和src配合使用。
img标签的与之前学习的< br/>标签一样，不是成对的标签，直接在最后以“/”闭合，体现标签的语义化。

2.8、链接标签

页面间链接：从一个页面链接到另外一个页面
锚链接
功能性链接

说明：

路径分为相对路径和绝对路径
target常用值为self和blank

锚链接

功能性链接

这几种都是常用的功能性链接，例如在网上单击一些QQ图标直接弹出QQ对话框，或单击MSN图标直接弹出MSN对话框，这些都是使用了功能有性链接

IT技术

文章版权归作者所有，未经允许请勿转载。

版权声明：
1、IT大王遵守相关法律法规，由于本站资源全部来源于网络程序/投稿，故资源量太大无法一一准确核实资源侵权的真实性；
2、出于传递信息之目的，故IT大王可能会误刊发损害或影响您的合法权益，请您积极与我们联系处理(所有内容不代表本站观点与立场)；
3、因时间、精力有限，我们无法一一核实每一条消息的真实性，但我们会在发布之前尽最大努力来核实这些信息；
4、无论出于何种目的要求本站删除内容，您均需要提供根据国家版权局发布的示范格式
《要求删除或断开链接侵权网络内容的通知》：https://itdw.cn/ziliao/sfgs.pdf，
国家知识产权局《要求删除或断开链接侵权网络内容的通知》填写说明： http://www.ncac.gov.cn/chinacopyright/contents/12227/342400.shtml
未按照国家知识产权局格式通知一律不予处理；请按照此通知格式填写发至本站的邮箱 wl6@163.com

没有相关内容!

HTML基本结构与标签

vue导出word文档

京东云开发者｜关于“React 和 Vue 该用哪个”我真的栓Q

相关文章