常用标签补充

常用标签补充

<!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>
posted @ 2019-10-10 20:05  chanyuli  阅读(154)  评论(0编辑  收藏  举报