HTML:1.网页基本结构;2.基本标签;3.图像标签;4.链接标签;5.列表

1.网页基本结构

<!--ctrl+/为注释的快捷键-->
<!--DOCTYPE:告诉浏览器使用什么规范-->
<!DOCTYPE html>
<html lang="en">
<!--head:表示网页头部-->
<head>
    <!--meta:描述网页的基本信息-->
    <meta charset="UTF-8">
    <!--title:表示网页标题-->
    <title>hello world!</title>
</head>
<!--body:表示网页主体-->
<body>
hello world!
<!--网页头部-->
<header></header>
<!--网页主体-->
<section></section>
<!--网页脚部-->
<footer></footer>
</body>
</html>

2.基本标签

<1>标题便签

<h1></h1><!--一级标题-->
<h2></h2><!--二级标题-->
<h3></h3><!--三级标题-->
<h4></h4><!--四级标题-->
<h5></h5><!--五级标题-->
<h6></h6><!--六级标题-->

<2>段落便签

<p></p>

<3>水平线标签

<hr/>

<4>粗体

<strong></strong>

<5>斜体

<em></em>

3.图像标签

<!--src表示图片路径,alt表示图片文件加载失败时显示的文字,,title表示鼠标悬停时文字-->
<img src="" alt="" title="">

4.链接标签

<!--href:网页链接target:在哪里打开-->
<a href="" target=""></a>
<!--锚链接-->
<a name="top">顶部</a>
<a href="#top">回到顶部</a>
<!--功能性链接-->
<a href="mailto:">联系我</a>

5.列表

<!--行前有序号-->
<ol>
    <li>第一种</li>
</ol>
<!-行前有点-->
<ul>
    <li>第二种</li>
</ul>
<!--行前无符号-->
<dl>
    <dt>第三种</dt>
</dl>

显示效果为:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45631296/article/details/104240935