我要评论<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标签</title>
<!-- css 定义 -->
<style>
body{
padding: 40px;
}
</style>
</head>
<body>
<!-- 在浏览器中显示一条分割线 -->
<hr>
<!-- XHTML中必须是<hr/> -->
<br>张狗蛋
<br>张<br><br><br>狗<br><br>蛋
<!-- <br>表示换行，有几个表示换几行
由于HTML的作用是给文本添加语义，br标签的语义是在不另起一行的的基础上换行，而一般在企业级开发中都是另起一个段落，所以在企业级开发中一般br用的比较少 -->
</body>
</html>
<!DOCTYPE html> <!--DTD文档声明-->
<html lang="en"> <!--告诉浏览器我是个网页-->
<head> <!--se0-->
<meta charset="UTF-8">
<title>IT社</title>
</head>
<body>
<!--html5+css3学 习qq群: 1075351387-->
<!--H系列标签作用:
用于给文本添加标题含义
格式: <h1></h1>
注意点:
1、H标签是用来给文本添加标题语义的，而不是用来修改文本样式的
2、H标签-共有 6个，从H1 ~H6，最多只能到6， 超过6则无效
3、被H系列标签包裹的内容会独占:一行，在H系列的标签中，H1最大，H6最小
白4、在企业开发中，一定要慎用H系列的标签，特别是H1标签，在企业开发中，一般情况下一个界面中只能出现一个H1标签(和SEO有关) -->
我是内容
<h1>1</h1>
<h2>2</h2>
<h3>3</h3>
<h4>4</h4>
<h5>5</h5>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>p标签</title>
</head>
<body>
<!-- p 标签是一个段落标签，表示另起一段，可以独占一行 -->
<p>毒狗</p>
<p>野狗</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>img元素</title>
</head>
<body>
<img src="路径" alt="提示" title="鼠标放上去之后显示的内容">
<!-- 只设置高度或者只设置宽度，他会随原图的比例进行缩放，不想图片变形的话只设置一个就好了 -->
<!-- 路径可以直接复制网图的地址 -->
<!-- 给src属性赋值的另种方式
1、通过相对路径赋值
相对路经就是每次都从，html文件所在的文件夹开始查找。我们称之为相对路径
同级:图片和.htmI文件存储在同个文件夹中
格式: src-"QRCode jpg”
含义:在.htmI文件所在的文件夹中查找名你叫做QRCode. jpg的图片
下级:存储图片的文件夹和.html文件在同一个文件夹中
格式: src="images/QRCode ，jpg”
合义:在.html文件所在的文性夹中找到名称叫做images的文件夹然后再在images文件夹中查找名称叫做QRCode : jpg的图片
上级:存储图片的位置和存储代码的文件夹在同个文件 夹中
格式: src="../QRCode jpg"
含义:在.html文件所在的文件夹中找到这个文件夹的上一级文件夹，然后再在上一级文件夹中查找名称叫做QRCode. jpg的图片
其中../代表从当前位置找到上一级文件夹
2: 通过绝对路径赋值
绝对路径就是每次都从指定的盘符开始查找
格式: C:\Users \mihu\ . WebStorm2816./QRCode .jpg
注意:
1.路径不要出现中文，否则可能出现未知问题
2、如果是通过相对路径 来指定，那么不能跨盘符
-->
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>span标签</title>
</head>
<body>
<!-- 不独占一行 -->
<span>yi </span>
<span>yi </span>
段落
<!-- 标签可以嵌套 -->
<p>
<span>yi </span>
<span>yi </span>
</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>超链接</title>
</head>
<body>
<a href="https://www.baidu.com" target="_blank">点击一下</a>
<a href="mailto:1761164784@qq.com">邮箱</a>
<p>这是标签</p>
<br>张狗蛋
<p>you are<strong> strong</strong></p>
<p>a < b</p>
<p>张九日你个瘪犊子<em>爸爸不要你了</em>></p>
<dl>
<dt>zhanggoudan</dt>
<dd>1</dd>
<dd>3</dd>
<dd>2</dd>
</dl>
<img src="C:\Users\dell\Desktop\briup\HTML Day01\狗蛋.jpg " alt="张十日">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表</title>
<style>
ul li{
display: inline-block;
}
</style>
</head>
<body>
<table>
<thead>
<tr>狗蛋</tr>
<td colspan="2" rowspan="3" width="100px">九日</td>
<td colspan="2" rowspan="3" width="100px">8日</td>
<td colspan="2" rowspan="3" width="100px">7日</td>
<td colspan="2" rowspan="3" width="100px">6 日</td>
<th>
张狗蛋
</th>
</thead>
<tbody>
<tr>狗蛋</tr>
<td colspan="5" rowspan="7" width="100px">九日</td>
<td colspan="2" rowspan="3" width="100px">8日</td>
<td colspan="2" rowspan="3" width="100px">7日</td>
<td colspan="2" rowspan="3" width="100px">6 日</td>
<th>
张狗蛋
</th>
</tbody>
</table>
<!-- 有序列表 -->
<ol type="square" start="8" reversed>
<li >你爸</li>
<li>尼玛</li>
<li></li>
<li></li>
<li></li>
</ol>
<ul>
<li>
1
</li>
<li>2</li>
<li>3</li>
</ul>
</body>
</html>
<body>
<!--div标签 可定义文档中的分区或节-->
<!--在htm15版本中，新增了很多语义标签，可以看做是div的具体版，一眼看上去就知道是什么意思，
常见的有
article标签
header标签
footer标签
nav标签
aside标签可用作文章的侧栏
section标签用来定义文档的某个区域(如:章节、页眉、页脚或者文档的其他区域)
<!--我是头部-->
<div>
<h1>我是标题</h1>
<p>
我是段落
</p>
</div>
<!--我是尾部-->
<div>
我是div
</div>
</body>
</html>
本文地址：https://blog.csdn.net/weixin_49549509/article/details/107509105
如对本文有疑问， 点击进行留言回复！！
南宁小程序开发,挑战百日学习计划第43天(拖拉登录框的写法)
让盒子水平居中解决方法！！！---（块元素，行内元素，行内块，文本）
CSS踩坑-------transform:scale(‘数字’)
网友评论