zoukankan      html  css  js  c++  java
  • 常用标签补充

    常用标签补充

    <!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: 外边距.
     像素 百分比.(最好通过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>
    
  • 相关阅读:
    1.C和C++区别,以及const分析(底层const/顶层const)
    4.移植驱动到3.4内核-移植总结
    3.移植驱动到3.4内核-移植DM9000C驱动
    2.移植3.4内核-支持烧写yaffs2,裁剪内核并制作补丁
    Android Support v4、v7、v13、v14、v17的区别和应用场景
    Android利用canvas画各种图形
    ActionBar 自定义布局定义
    android动画坐标定义
    GitHub上最著名的Android播放器开源项目大全
    CardView 简介和使用
  • 原文地址:https://www.cnblogs.com/chanyuli/p/11650293.html
Copyright © 2011-2022 走看看