2021-4-29 html第一部分-CSDN博客

本文链接：https://blog.csdn.net/weixin_56755680/article/details/116275290

1.html的简介

2.html的基本结构

3.标题标签

4.字体修饰标签

5.超链接标签

1.html的简介

html的英文名称为 hyper text markup language，超级文本标记语言

2.html的基本结构

<!-- 注释 -->
<!DOCTYPE html> <!--文档声明-->
<html> <!--html是根元素/根标签/根节点，成双成对出现的标签：双标签-->
    <head>
        <meta charset="utf-8"> <!--解决浏览器出现中文乱码问题 charset字符集 utf-8万国码-->
        <title>我是安娜</title><!--头部标题-->

    </head>
    <body>
        保存： ctrl+s
        html 超级  文本  标记  语言
        hyper text markup language
    </body>
</html>

3.标题标签

标题标签是从<h1>到<h6>

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>字体修饰标签</title>

</head>

<body>

我在找大聪明<br>
<!-- <br>换行符 -->
我也在找卧龙凤雏
<strong>我是加粗标签</strong>
<b>我也是加粗</b>
<br>
<i>我是斜体</i>
<em>巧了 ，我也斜</em>
<br>
<big>我是big标签</big>
普通文本
<small>我是small标签</small>
<u>下划线</u>
<del>删除</del>
</body>

</html>

4.字体修饰标签

<br> 换行符

<b>,<strong>都是加粗的意思

<u>下划线

<i>，<em>倾斜

<del>删除

<big>大<small>小

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>字体修饰标签</title>

</head>

<body>

我在找大聪明<br>
<!-- <br>换行符 -->
我也在找卧龙凤雏
<strong>我是加粗标签</strong>
<b>我也是加粗</b>
<br>
<i>我是斜体</i>
<em>巧了 ，我也斜</em>
<br>
<big>我是big标签</big>
普通文本
<small>我是small标签</small>
<u>下划线</u>
<del>删除</del>
</body>

</html>

5.超链接标签

href 对应的是跳转的路径

target 是超链接的打开方式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    href:跳转的路径
    target：超链接的打开方式
    _blank 在新标签中打开
    _self 在当前页面打开
    <a href="https://www.baidu.com/" target="_blank">我要去百度</a>
</body>
</html>

两种方式：_blank 在新的浏览器页面打开

_self 在当前浏览器页面打开