html复习( 未完待续)

折翼的小鸟先生 / 2023-06-22 / 原文

近期打算复习一下好久没用的html知识，用一个html文件大概就可以实现吧。

<!doctype html> <!--声明是html5文档-->
<html> <!--完整的html页面-->
<head> <!--头部元素-->
<meta charset="utf-8"> <!-- 告诉浏览器以utf8形式进行编码 utf-8是可以显示中文的编码方式-->
    <title> test</title> <!--网页的标题-->
</head>
<body> <!--可见页面内容-->
<h1> my first title</h1><!-- 大标题-->
<p> my first par</p> <!--段落中连续的空格和换行都会被看作为一个空格，若想用连续换行可以在元素的内容中嵌套<br/>-->
<br/>><!--换行 br是一个空元素 所以不需要结束标签。不规范的话也可写成<br>也是可以的 -->
<a href= "https://baidu.com"> this is a href</a>
<!-- href 为该元素的一个属性，一般在开始标签处定义-->
<img decoding="auto" src="c5589758ba3dc0fe63947e24536ec1a6e3df33c0.jpg@1256w_1654h_!web-article-pic.webp" width="1258" height="1139">
<!-- decoding属性用于告诉浏览器用何种方式解析图像的数据
该属性可以取 sync 同步解码图像，保证与其他内容一起显示
async 异步解码图像 加快其他内容的显示
auto 默认模式，由浏览器决定那种方式更适合用户
-->
<b>加粗文本</b> <!---->
<br/>
<strong  > 加粗文本</strong><!--一般使用<strong>对<b>进行替换-->
<br/>
<i>斜体测试</i>
<br/>
<em> 斜体测试</em><!--一般也使用<em>来对<i>进行替换-->
<br/>
</body>
<big> 放大</big>
<br/>
<small>缩小</small>
<sub>这是一个下标</sub>
<sup>这是一个上标</sup>
<pre> pre标签不同于 p 标签，它可以保留在元素内容中多个连续的空格和换行 例如

    这种换行。
</pre>
</html>

to be continue ......