常用标签补充
常用标签补充
<!DOCTYPE html>
<!--告诉浏览器你应该用什么版的html去解析 -->
<!-- <html></html>中间所有的内容才是我们真正html lang="en"表示哪个国家的语言 -->
<html lang="en">
<!--
1 <meta charset="UTF-8"> 我们html的编码格式
2 <title>Title</title> 网站的标题
-->
<head>
<meta charset="UTF-8">
<title>sdhasd</title>
<!--- 样式标签,可以把css写在style标签中-->
<style>
</style>
<!-- <script src="t.js">
</script>-->
<link rel="stylesheet" href="01.css"/>
<!--<meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com">-->
<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
<meta name="description" content="老男孩教育Python学院">
</head>
<body>
<div>
aa
</div>
<!--注释
<!--
双标签:<html >内容</html>
单标签:<br/>
标签的属性
<div id="属性值" class="属性值" 属性名="属性值">
-->
<!--
标签
-->
</body>
<!---奥术大师-->
</html>
<!---奥术大师多-->
link标签的作用:html的link标签是用于当前文档引用外部文档用的,rel属性用于设置对象和链接目的间的关系。rel是relationship的英文缩写;stylesheet中style是样式的意思,sheet是表格之意,总起来是样式表的意思。
meta标签的作用: 标签提供关于 HTML 文档的元数据。它不会显示在页面上,但是对于机器是可读的。可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
普通文本
<br>
<b>加粗</b>
<br>
<i>斜体</i>
<br>
<u>下划线</u>
<br>
<s>删除</s>
<!--换行-->
<a href="">a</a>
<br>
<a href="">a</a>
<br>
<a href="">a</a>
<div>我是块级</div>
<span>我是行内</span>
<span>我是行内</span>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--无序列表标签
disc(实心圆点,默认值)
circle(空心圆圈)
square(实心方块)
none(无样式)
-->
<ul class="a" type="circle">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<!--有序列表标签
type属性:
1 数字列表,默认值
A 大写字母
a 小写字母
Ⅰ大写罗马
ⅰ小写罗马
-->
<ol type="A" start="2">
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
<!--标题列表-->
<!--标题1-->
<!--nie-->
<!--nei-->
<!--挑剔-->
<!--nier-->
<!--strs="23456789abcdefghik"-->
<!--5-->
<!--标题列表-->
<dl>
<dt>标题1</dt>
<dd>内容1</dd>
<dt>标题2</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
<!--表格标签
border: 表格边框.
cellpadding: 内边距
cellspacing: 外边距.
width: 像素 百分比.(最好通过css来设置长宽)
rowspan: 单元格竖跨多少行
colspan: 单元格横跨多少列(即合并单元格)
-->
<table border="1" cellpadding="20" cellspacing="20" >
<thead>
<tr>
<th>name</th>
<th>age</th>
<th>sex</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">egon</td>
<td>39</td>
<td>男</td>
</tr>
<tr>
<td colspan="2">egon</td>
<td>39</td>
<td>男</td>
</tr>
<tr>
<td>egon</td>
<td>39</td>
<td>男</td>
</tr>
</tbody>
</table>
<!--a标签,链接标签 ,href="链接的地址"
target属性默认是_self,如果是self就会覆盖当前的html,
如果target属性默认是_blank,就会重新打开窗口
-->
<!--这个是打开一个新的页面-->
<a href="http://ww.baidu.com" target="_blank">首页</a>
<!--这个是覆盖的页面-->
<a href="http://ww.baidu.com" target="_self">首页</a>
<!--锚点-->
<!--这个是瞬移到id为h1的标签处-->
<a href="#h1">首页</a>
<!--id属性,
id="属性值",如果是id属性,属性值必须全页面唯一
class属性
class属性可以全局不唯一
<a class="a b c k"></a>
</body>
</html>