HTML超文本语言（1）

最新推荐文章于 2023-07-22 17:56:54 发布

pandaHe_Status

最新推荐文章于 2023-07-22 17:56:54 发布

阅读量775

点赞数 2

文章标签： html

本文链接：https://blog.csdn.net/weixin_43321726/article/details/103540043

版权

1.HTML的一些文本标签(b i del u big small sup sub font 还有嵌套的使用）
在这里插入图片描述 2.
3.
1.1 代码块

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超文本语言入门</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<!--这是html注释的标签,不会在代码中显示的-->skfjfhasjkfhdsajkhfkajshfjhf<strong>strong标签也是加粗的和b标签也是一样的</strong>hfjkahsfjks
<b>b标签是加粗的</b><i>倾斜字体用的是i标签</i><em>em标签也是字体倾斜的标签</em>
<u>u标签是给字体添加下滑线</u><ins>ins也是给字体加下滑线</ins>
<del>给文字加上删除线</del><s>s的效果也是一样的</s>
<font color="red" size="99" face="幼圆">给字体设置颜色</font>
你好<big>变大</big>的好看吗<small>变小</small>的呢
<sub>上标</sub><sup>下标</sup>
<u><i><b>标签的嵌套（两个标签放在以前）效果是加粗 倾斜 加下滑线</b></i></u>

</body>
</html>

2.1 代码块

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
小师说：<p align="left">p标签的作用是给文字换行里面有一个方法是align默认是左对齐left 中对齐center 右对齐right</p>
hr是一条横线 里面有一些参数是可以设置的 盆友：<br />br标签是换行
<hr width="300" size="9" color="red" align="left" noshade/>
</body>
</html>

3.1 代码块

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <style type="text/css">
        div{border: 1px solid darkgreen;
        width: 100px;
        height: 100px
        }
        span {

            border: 1px solid darkgreen
        }




    </style>
</head>
<body>
小师说：<p align="left">p标签的作用是给文字换行里面有一个方法是align默认是左对齐left 中对齐center 右对齐right</p>
hr是一条横线 里面有一些参数是可以设置的 盆友：<br />br标签是换行
<hr width="300" size="9" color="red" align="left" noshade/>
<h1 align="right" >1</h1>
<h2 align="center">2</h2>
<h3>3</h3>
<h4>4</h4>
<h5>5</h5>
<h6>6</h6>
sdgsgsg<div>给div标签包着的自己在一行</div>asfaffasf
<br /><span>niaskjssdfafdf</span>span标签可以这些文字存在

</body>

3.效果图
1
在这里插入图片描述 2
34.总结

pandaHe_Status

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML超文本语言（1）

1.HTML的一些文本标签2.代码块<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>超文本语言入门</title> <meta name="viewport" content="wi...
复制链接

扫一扫