【HTML】html标签

HTML超文本标记语言
HTTP 超文本传输协议
<!DOCTYPE html> 说明标准

闭合标签 <html></html> <h1></h1>
自闭和标签 <br/> <hr/>

head：
　　meta
　　　　<meta> 元素可提供有关页面的元信息（meta-information，比如针对搜索引擎和更新频度的描述和关键词。
　　　　<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
　　　　<meta name="keywords" content="HTML,ASP,PHP,SQL"/>
　　　　<meta name="description" content="这是网站的说明"/>
　　　　<meta http-equiv="Refresh" content="2;URL=www.baidu.com"/> 　　　　 #打开网页后两秒跳转
　　　　<meta http-equiv="Refresh" content="2"/> 　　　　　　　　　　　　　 #打开网站后两秒刷新
　　　　<meta http-equiv="content-Type" charset="utf8"/>　　　　　　　　　 #前面的描述可以不写
　　　　<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>　　 #说明兼容IE
　　<title>我是网页的标题</title>
　　<link rel="icon" href="www.jd.com/faviocn.icn"> 　　 　　　　　　　　 #为网站设置一个头像

body：
　　<br/>　　　　　　　　　　  #换行

　　<h1>我是一个标题</h1> 　　 #标题标签 h1-h6 往后更小

　　<p>我是一个段落</p> 　　   #段落标签

　　<b>字体加粗</b>

　　<em>字体斜体</em>

　　<del>字中间一横线</del>

　　2<sub>3</sub>　　　　　　　# 下角标

　　2<sup>3</sup>　　　　　　　# 上角标

　　我&nbsp;爱&nbsp;你　　　　 # 特殊符号 空格　　

　　&copy;　　　　　　　　　　 # 特殊符号 ©（版权）   

　　&lt;h1&gt　　　　　　　　　# 特殊符号 大于小于符号

　　更多特殊符号查表

 

块级标签（block）　　# 独占一块|一行

div

内联标签（in-line）　# 跟着文本变

span

img标签

<img src="1.jpg" width = "200px" height="200px alt="加载图片失败！" title="我是一张美女图片">　

src　　　　　　#图片地址 本地或者连接

width|height 　#图片 宽高

alt　　　　　　#图片加载失败时，显示的文字

title　　　　　#把鼠标移到图片上显示的文字

a标签

<a href="http://www.baidu.com" target="_blank">百度</a>

href　　　　　　#链接

target　　　　　#新窗口跳出

锚

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>锚</title>
        <style>
            #divC{
                height: 1000px;
                background-color: yellow;
            }
            #divP{
                height: 1000px;
                background-color: red;
            }
            #divJ{
                height: 1000px;
                background-color: blue;
            }
            
        </style>
    </head>
    <body>
        <div id="divM">
            <a href="#divC">C++</a>
            <a href="#divP">Python</a>
            <a href="#divJ">Java</a>
        </div>
        <div style="height: 1000px;"></div>
        <div id="divC">
            C++
            <a href="#divM">返回选项</a>
        </div>
        <div id="divP">
            Python
            <a href="#divM">返回选项</a>
        </div>
        <div id="divJ">
            Java
            <a href="#divM">返回选项</a>
        </div>
        
    </body>

</html>

 列表标签

 

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
  • 1
  • 2
  • 3
<ol>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ol>
  1. 1
  2. 2
  3. 3
<dl>
    <dt>第一章</dt>
    <dd>狼来了</dd>
    <dd>狼走了</dd>
</dl>

第一章

狼来了

狼走了 

 form 331-335

posted @ 2020-07-23 19:45  Shuranima  阅读(159)  评论(0)    收藏  举报