HTML归纳

134 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

基本结构

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-21G3Vehw-1647689341211)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319173048936.png)]

<!DOCTYPE html>
<html lang="en">
<!--head 表示网页头部-->
<head>
    <!-- meta 描述性标签,它用来描述我们网站的一些信息  -->
    <!-- meta 一般用来做SEO-->
    <meta charset="UTF-8">
    <meta name="keywords" content="xz的第一个html网页">
    <meta name="description=" content="欢迎大家一起学习~~">

    <!--  title 网页标题  -->
    <title>我的第一个网站--许正</title>
</head>

<!-- body标签代表网页主体 -->
<body>

</body>
</html>

基本标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本标签</title>
</head>
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

<!--段落标签-->
<p>素胚勾勒出青花笔锋浓转淡</p>
<p>瓶身描绘的牡丹一如你初妆</p>
<p>冉冉檀香透过窗心事我了然</p>
<p>宣纸上走笔至此搁一半</p>
<p>釉色渲染仕女图韵味被私藏</p>
<p>而你嫣然的一笑如含苞待放</p>
<p>你的美一缕飘散</p>
<p>去到我去不了的地方</p>

<!-- 换行 -->
<br/>

<!-- 水平线标签 -->
<hr/>

<!--粗体 斜体-->
<h1>字体样式标签</h1>
粗体: <strong>I love you</strong>
斜体: <em>my favorite people</em>

<br/>
<!--特殊符号-->
空 格
<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>
&gt;

<br/>
&lt;

<br/>
&copy;版权所有:xz

<!--
特殊符号记忆方式

&    ;
-->


</body>
</html>

图像标签

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZNmNMxjH-1647689341212)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319173315998.png)]

链接标签

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-R78QzwS4-1647689341212)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319173456949.png)]

行内元素和块元素

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NVukR8UJ-1647689341214)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319174140547.png)]

列表

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hIogiRkq-1647689341215)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319174312761.png)]

表格

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wsoLG9dp-1647689341215)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319174639370.png)]

视频和音频

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lPI5sNaI-1647689341217)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319175009087.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CPtifHRT-1647689341217)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319175310327.png)]

页面结构分析

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iyxsFnX1-1647689341218)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319175340395.png)]

iframe内联框架

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-H0XEfUDK-1647689341218)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319175629936.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Jtip2IOL-1647689341220)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319180742408.png)]

表单语法

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PyPu1HDM-1647689341221)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319180830726.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JKR1q5Ud-1647689341222)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319181344379.png)]

表单元素格式

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6p2aVuaG-1647689341222)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319181438461.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zvFaVy9h-1647689341223)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319181733268.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rK0abNCv-1647689341223)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319182226286.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-C5T374c4-1647689341223)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319191031789.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rmi2jyoU-1647689341224)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319191041036.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lXKuB5eG-1647689341224)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319191306909.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QxPTU1tz-1647689341225)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319191432528.png)]

表单的应用

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-irUR35tS-1647689341225)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319191904790.png)]

表单初级验证

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-11Nh7jpx-1647689341226)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319192237216.png)]

W3C标准

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FM6PIBO2-1647689341226)(C:\Users\许正\AppData\Roaming\Typora\typora-user-images\image-20220319192619130.png)]