前端入门html(常用标签及标签分类)

day47

参考:https://www.cnblogs.com/liwenzhou/p/7988087.html

任何标签都有有三个属性:ID,class.style

 <!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
Python学习 <!--空格-->
<b>加&nbsp;粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除</s>
<!--br换行-->
<p>段落:在苍茫的大海上,狂风卷积着乌云,在乌云和大海之间,在高傲的飞翔。<br>段落:在苍茫的大海上,狂风卷积着乌云,在乌云和大海之间,在高傲的飞翔。段落:在苍茫的大海上,狂风卷积着乌云,在乌云和大海之间,在高傲的飞翔。</p>
<!--分割线-->
<hr>
<p>段落:在苍茫的大海上,狂风卷积着乌云,在乌云和大海之间,在高傲的飞翔。</p>
<h1>标题1</h1>
<h2>标题2</h2> <!--显示小于号-->
a&lt;b
&copy; </body>
</html>

结果:

前端入门html(常用标签及标签分类)

 div标签和span标签

标签分类:
    块级标签            h1~h6 div p hr  
        默认占浏览器宽度
        能设置长和宽
    内联标签(行内标签)   a img u s i b span
        根据内容决定长度
        不能设置长和宽

右边程序在网页中的显示:

前端入门html(常用标签及标签分类)

标签的嵌套规则
    1. 行内标签不能嵌套块级标签
    2. p标签不能嵌套块级标签

列表

 <!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--浏览器不同显示不同--> <!--有编号-->
<u1 type="i" start="3">
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</u1> <!--无编号-->
<o1>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</o1> </body>
</html>

不同浏览器显示不一样,火狐无法显示编号。

表格

 <!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--cellpadding内边距, cellspacing外边距-->
<table border="1" cellpadding="10" cellspacing="5">
<!--也可将标题去除-->
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>爱好</th>
</tr>
</thead> <tbody>
<tr>
<td colspan="2">小强</td> <td>洗澡</td>
</tr>
<tr>
<td>大强</td>
<td>9800</td>
<td rowspan="2">开车</td>
</tr>
<tr>
<td>中强</td>
<td>1800</td> </tr>
</tbody> </table> </body>
</html>

结果:

前端入门html(常用标签及标签分类)

上一篇:Rxjava异常处理


下一篇:5.单行函数,多行函数,字符函数,数字函数,日期函数,数据类型转换,数字和字符串转换,通用函数(case和decode)