• 常用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.横向纵向支持相互嵌套

      

    给梦想一点时间
  • 相关阅读:
    【mysql】关于binlog格式
    【linux】关于TCP三次握手和四次挥手
    【nginx】负载均衡和proxy的配置
    【PHP】$_POST, $HTTP_RAW_POST_DATA, and php://input
    【nginx】关于gzip压缩
    【nginx】配置文件的优化
    【集合框架】JDK1.8源码分析之TreeMap(五)
    【集合框架】JDK1.8源码分析之IdentityHashMap(四)
    【集合框架】JDK1.8源码分析之HashMap & LinkedHashMap迭代器(三)
    【集合框架】JDK1.8源码分析之LinkedHashMap(二)
  • 原文地址:https://www.cnblogs.com/VortexPiggy/p/2683902.html
Copyright © 2020-2023  润新知