常用HTML标记

  一.6个可以放在<head>内的标签  

  1.<meta>:各种属性介绍

    keywords:向搜索引擎说明页面的关键字,content后输入供搜索的具体关键字。

    <meta name="keywords" content="haha, hehe">

    description:向搜索引擎描述页面的主要内容,通向在content中进行描述。

    <meta name="description" content="这里输入对页面的相关描述">

    author:向页面说明设计者的姓名。

    <meta name="author" content="ATP">

    <meta http-equiv="content-type" content="text/html; charset=gb2312">

    说明该页面所使用的字符集是gb2312

    <meta http-equiv="refresh" content="6; url=http://www.baidu.com/">

    这个页面在6s后自动跳转到百度

  2.<link>标签

    <link>标签定义了一个外部文件的连接,经常被用于连接外部CSS样式:

      <link rel="stylesheet" type="text/css" title="temp" href="/temp.css/">

  3.<base>标签

    <base href="http://www.ou-uo.com/"> 为整个页面定义了所有链接的基础定位

  4.<style>标签

    定义CSS样式

  5.<script>标签

    定义页面脚本。

  6.<title>标签

    设置网页的标题

  二.一些常用的符号:  

  1.&nbsp; 空格

  2. <br> 换行

  3. <p> 段落 <p align=left/center/left> 使段落左对齐/居中对齐/右对齐

  4. <code></code> 显示代码

  5. &reg ® 注册商标

  6. &copy © 版权

  7. &middot 人名居中的点

  8.给文本添加标注 <acronym>

  <acronym title="World Wide Web">WWW</acronym> 

  三.整齐的文本列表  

  1.无序列表

    <ul>

      <li> 姓名:____

      <p>

      <li> 年龄:____

      <p>

      <li> 性别:____

      <p>

    </ul>

  2.有序列表

    <ol>

      <li>.....</li>

      <li>.....</li>

    </ol>

  3.2种列表支持嵌套

  四.图像的引用:  

  1.<img src="图片/pic1.jpg" align="center">使图片居中对齐

  2.<img src="图片/logo.png" border=10>给图像添加边框

  3. <body style="background-image:url(图片/页面背景.jpg);">改变页面的背景

  五.网页链接:  

  1.<a href="链接对象的路径“>链接锚点对象</a>

  <a href="A.html">页面A</a>

  2.图像链接 <a href="简介.html"><img src="图案片/pic.jpg"></a>

  3.邮箱链接<a href="mailto:43242432@qq.com?subject=联系我;">联系我 </a>

  4.在同意网页中快速查找信息:

  <a href="概述>概述</a>

  <br><a href=#段落一>段落一</a>

  <br><a href=#段落二>段落二</a>

  

六.创建框架结构的页面

  1.横向分割窗口

<html>
    <head>
    <title>横向分割窗口</title>
    </head>
    <frameset rows="40%,40%,*">
    <frame></frame>
    <frame></frame>
    <frame></frame>
    </frameset>
</html>

  2.纵向分割窗口

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>纵向分割窗口</title>
</head>

    <frameset cols="20%,40%,*">
    <frame></frame>
    <frame></frame>
    <frame></frame>
    </frameset>
<body>frameset不能写在body中</body> 
</html>

  3.横向纵向支持相互嵌套

  

给梦想一点时间
原文地址:https://www.cnblogs.com/VortexPiggy/p/2683902.html