常用的HTML标记整理

10,349 阅读1分钟

HTML的基本格式

<!Doctype html>
   <html>
      <head>
           <title>标题</title>
            <meta charset="utf-8">(记事本为gb2312)
         <body>
       
         </body>
      </head>
   </html>

html标记

0.div标记

 <div>

 </div>

div为一个闭合标记,

1.超链接标记

     <a href="要访问的资源地址" target="_self默认本窗口覆盖显示/_blank新窗口显示/框架名-指定框架中显示" title="提示信息"></a>

        邮件超链接:点击邮件超链接,会自动打开你电脑上邮件发送软件,将收件人地址自动填充(foxmail )
         <a href="mailto:asdfs@asdf.com"></a>
  
        锚链接(书签链接):
        访问链接<a href="url#name"></a>
        定义锚点:<a name="锚名"></a>

2.<br> 换行

3.&nbsp; 空格

4.<meta http-equiv="refresh"content="10"> refresh设定本网页自动刷新时间间隔秒数(10秒)

5.<meta http-equiv="refresh"content="10";url=http://www.baidu.com> 设定本网页十秒后跳转到其他界面或网页

6.网站前端三层 :

(x)html         结构层       html结构
css              表现层       决定html的样式
javascript     动作层       决定html如何交互

7.HTML基本语法: <标记名 属性="值" 属性="值" ></标记名>

举例子:

<font color="red" size="7" face="隶书">
  我是帅哥
</font>

8.标记的属性和标记不能分离 一说属性必须得说哪一个标记的属性,属性不能单独说

<font color="" face=" size="" ></font>

   <p align=""></p>

9.HTML里面的注释

10.规范:

--标记和属性全部小写
--属性值必须加""
--双标记必须双着用
--单标记必须关闭 <img /> <input />
--标记只能嵌套不能交叉

11.文字标记

 <font color="文字颜色" face="字体名称" size="1-7文字大小默认3"></font>

12.文字修饰标记 加粗 <b></b> <strong></strong> 倾斜 <i></i> <em></em> 下划线 <u></u> 删除线<del></del> 地址<address></address> 上标 <sup></sup> 下标 <sub></sub>

13.段落标记:一个p相当于一个回车换行,/p相当于一个回车换行

<p align="水平对齐方式left默认/center/right"></p>

14.横线:

<hr width="宽度" size="粗细" color="颜色" align="水平对齐方式left/center默认/right" noshade是否有阴影>