• HTML5基础


       

    一.HTML简介

         Hyper Text Markup Language(超文本标记语言)
          超文本包括:文字、图片、音频、视频、动画等

    二.HTML发展史

        1993-6发布超文本标记语言
        .......................
         2000-1-26发布XHTML1.0
         .......................
         2013-5-6发布HTML5

    三.HTML5优势

           1.世界知名浏览器厂商对HTML5的支持
           2.市场的需求
           3.跨平台
    四.W3C
           World Wide Web Consortium(万维网联盟)
           成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构
           http://www.w3.org/
           http://www.chinaw3c.org/

    W3C标准包括
          结构化标准语言(XHTML 、XML)
         表现标准语言(CSS)
         行为标准(DOM、ECMAScript )

    五.网页基本结构

        <html>
           <head>
             <title>我的第一个网页</title>
        </head>
        <body>
            我的第一个网页
         </body>
       </html>

    六.网页元素的构成
         <!DOCTYPE html> 代表声明当前文件为HTML文件
           title 代表网页头部显示的文本信息
         <meta charset="UTF-8" /> 指定字符编码:常用的有GB2312:中文简体编码 Big5:繁体中文 ISO-885901:纯英文编码 UTF-8:国际通用编码
          推荐使用UTF-8,如果不指定默认为ISO-885901七.网页基本标签

         

    七.网页基本标签
             1.标题标签 <h1></h1>.....<h6></h6> 其中h1最大,h6最小
             2.段落标签 <p></p> 段落文字前后换行
             3.换行标签 <br/> 自闭合
             4.水平线标签 <hr/>
             5.加粗 <strong></strong>
             6.斜体 <em></em>
             7.特殊符号
                  1. 空格 &nbsp;
                  2 .小于号 &lt;
                  3. 大于号 &gt;
                  4 .双引号 &quot;
                  5. 版权符号 &copy;
    8.图像标签
              <img src="图像路径" alt="图像显示不出来显示的文字" title="鼠标悬浮到图像展示的文字" width="宽度px" height="高度px"/>

    9.超链接
            普通超链接<a href="指定链接地址">点击</a>
            功能性连接:<a href="mailto:bdqnWebmaster@bdqn.cn">联系我们</a>
             锚链接:点击文字跳转指定位置<a href="#a1">跳转锚链接a1位置</a> <a name="a1">a1</a>

    <!DOCTYPE html>
    <html>
    <head>
        <title>第一个网页</title>
    </head>
    <body>
         郑楠和浩哥
        <h1>郑楠</h1>
        <h6>浩哥</h6>
       2018年10月25日
       <p>2018年10月25日11:10:51</p>
       2018年10月25日11:11:23<br/>
       <hr/>
          郑楠&nbsp;&nbsp;浩哥<br/>
      <img src="../image/QQ图片20181017110256.jpg" alt="图像损坏" title="郑楠" width="200px" height="200px"/>
             <a href="#a1">a1</a>
         <hr/>
         <hr/>
         <hr/>
         <hr/>
         <hr/>
         <hr/>
         <hr/>
         <hr/>
          <a name="a1">a1</a>
    </body>
    </html>
  • 相关阅读:
    sshd
    eclipse运行报java.lang.OutOfMemoryError: PermGen space解决方法
    项目之间依赖
    shell-
    部署记录
    mysql index使用
    GitHub上搭建私人hexo博客操作教程
    关于Vue实例的生命周期(2)
    JS中的五种去重方法
    Vue入门教程(2)
  • 原文地址:https://www.cnblogs.com/liuying23/p/9850503.html
Copyright © 2020-2023  润新知