HHTML 是用来描述网页的一种语言。
- <html> 与 </html> 之间的文本描述网页
- <body> 与 </body> 之间的文本是可见的页面内容
- <h1> 与 </h1> 之间的文本被显示为标题
- <p> 与 </p> 之间的文本被显示为段落
例: 记事本中键入 HTML 代码:
头部标签<head></head>下使用
meta标签,用于配置网页自身的信息。
<mate charset="UTF-8">:charset属性,用于设置网页的编码类型
<meta name="keywords" content="Web前端,前端,html,css,js,兵哥">
keywords翻译:关键字
content翻译:内容
<meta name="description" content=",成立于1999年,是国内最专...">
description翻译:描述
网页的标题标签:<title>浏览器的选项卡中显示内容</title>
主题标签<body></body>下使用
标题:<h1>1-6字体由大到小</h1> <!--内容标签特点加粗自动换行 -->
段落:<p> 与h4字体一样大 </p1> <!--段落标签字体不加粗 -->
横线:<hr> <!-- 水平线-->
换行:<br> <!-- 2换行标签可以空行-->
加粗:<strong> </strong> <!-- 加粗-->
倾斜:<em> </em> <!-- 倾斜-->
图片:<img src="图片地址">
特殊字符
空格:
<: <
>: >
版权符: ©
双引号: "
其他
锚链接:<a href="#链接">文本内容</a>
字体:<font size="5">其中1最字体最小</font>
图片
<img src="zly.jpeg " width="200" title="悬停显示内容" alt="图片内容备注">
超链接
<a href="链接地址" target="设置目标地址的显示方式" title="悬停显示内容">链接显示内容</a>
<a href="index02.html" target="_self">02覆盖</a>
<a href="index01.html" target="_blank">02新窗口</a>
<!-- _self覆盖当前窗口,—blank打开新的窗口-->
<!--如何实现点击图片进行跳转其他页面,在超链接里插入图片格式-->
<a href="index01.html" target="_blank"> <img src ="zly.jpeg"> </a>