HTML5：超文本标记语言(HTML)第五次重大修改

我用的sulime编辑器，用Package contorl后安装emmet插件来编辑HTML代码，以下为sublime操作小技巧

ctrl+s 保存
ctrl+/ 注释
tab 缩进
shift+tab 退缩进
ctrl+shift+d 复制整行内容
ctrl+d 选择相同内容

基本框架，在body里面自由飞翔

<!DOCTYPE html>                       <!--html5头部声明 -->

    <html lang="en">                  <!-- html 双标签 --> <!-- <html lang='en'> --> <!--</html>lang属性>-->

    <head>                            <!-- head头部标签 -->

        <meta charset="UTF-8">        <!-- mata 单标签 编码格式 utf-8 -->

        <title> hello </title>          <!-- title 标题 -->

    </head>

    <body>                            <!-- body 主体 -->

        Let's go

    </body>

</html>

基本语句：

<!DOCTYPE html>                     <!--html5头部声明 -->

    <html lang="en"><!-- html 双标签 --> <!-- <html lang='en'> --> <!--</html>lang属性>-->

    <head>                            <!-- head头部标签 -->

        <meta charset="UTF-8">       <!-- mata 单标签 编码格式 utf-8 -->

        <title>hello</title>         <!-- title 标题 -->

    </head>

    <body>                            <!-- body 主体 -->

        Let's go

        <h1>标签h1</h1>

        <h2>标签h2</h2>

        <h3>标签h3</h3>

        <h4>标签h4</h4>

        <h5>标签h5</h5>

        <h6>标签h6</h6>

        <!-- 超链接 -->

        <a href="http://www.baidu.com">百度一下</a>

        <!-- 换行 -->

        <br>

        <!-- 锚点 -->

        <a href="#1">第一章节</a>

        <br>

        <a href="#2">第二章节</a>

        <!-- 换行标签 -->

        <br>

        <!-- 横杆标签 -->

        <hr>

        <!-- 被链接的锚点 -->

        <h1 id="1">第一章内容：Null</h1>

        <br>

        <h1 id="2">第二章内容：Null</h1>

        <!-- 图片image -->

        <img src="data:image/github猫.png" height="300" width="300" alt="图片失效" title="github猫">

        <br>

        <!-- 字体加粗 -->

        <!-- 语义化标签 -->

        字体未加粗

        <br>

        <strong>字体加粗</strong>

        <br>

        <b>字体加粗</b>

        <!-- 倾斜标签 -->

        <br>

        <em>倾斜标签</em>

        <br>

        <i>倾斜标签</i>

        <!-- 删除标签 -->

        <br>

        <del>￥199.00</del>￥99.00

        <br>

        <s>￥198.00</s>￥99.00

        <!-- 下划线标签 -->

        <br>

        <ins>下划线标签</ins>

        <u>下划线标签</u>

        <!-- a标签嵌套图片 -->

        <br>

        <a href="http://taobao.com">

            <br>

            <img src="data:image/taobao.png" height="78" width="172" alt="图片出了点问题呢">

            <br>

            <b>淘宝网</b>

        </a>

    </body>

</html>

网页效果：

标签学习参考文档：csdn标签

HTML5：基本语句的更多相关文章

  1. whdxlib

    1 数据库系统实现 实 验 指 导 书 齐心 彭彬 计算机工程与软件实验中心 2016 年 3 月2目 录实验一.JDBC 应用程序设计(2 学时) ......................... ...

  2. python第六天 函数 python标准库实例大全

    今天学习第一模块的最后一课课程--函数: python的第一个函数: 1 def func1(): 2 print('第一个函数') 3 return 0 4 func1() 1 同时返回多种类型时, ...

  3. html5 webDatabase 存储中sql语句执行可嵌套使用

    html5 webDatabase 存储中sql语句执行可嵌套使用,代码如下: *); data.transaction(function(tx){ tx.executeSql("creat ...

  4. 前端HTML5几种存储方式的总结

    接下来要好好总结一些知识,秋招来啦...虽然有好多知识都不大会,但是还是要努力一下,运气这种东西,谁知道呢~ 总体情况 h5之前,存储主要是用cookies.cookies缺点有在请求头上带着数据,大 ...

  5. HTML5权威指南--Web Storage,本地数据库,本地缓存API,Web Sockets API,Geolocation API(简要学习笔记二)

    1.Web Storage HTML5除了Canvas元素之外,还有一个非常重要的功能那就是客户端本地保存数据的Web Storage功能. 以前都是用cookies保存用户名等简单信息.   但是c ...

  6. HTML5 学习总结（三）——本地存储

    一.HTML4客户端存储 B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会 ...

  7. 基于 HTML5 的 Web SCADA 报表

    背景 最近在一个 SCADA 项目中遇到了在 Web 页面中展示设备报表的需求.一个完整的报表,一般包含了筛选操作区.表格.Chart.展板等多种元素,而其中的数据表格是最常用的控件.在以往的工业项目 ...

  8. HTML5的浏览器支持方案

    现代的浏览器基本都支持 HTML5,此外还有老浏览器. 不管是旧的还是最新的,HTML5对无法识别的元素会作为内联元素自动处理. 所以,在这里教大家怎么让浏览器去处理"未知"的HT ...

  9. HTML5教程之html 5 本地数据库（Web Sql Database）

    HTML5的Web SQL Databases(html5 本地数据库)的确很诱惑人,当你发现可以用与mysql查询一样的查询语句来操作本地数据库时,你会发现这东西挺有趣的.今天,我们一起来了解HTM ...

随机推荐

  1. goland激活码

    http://idea.youbbs.org      

  2. [转]Java NIO 系列教程

    Java NIO提供了与标准IO不同的IO工作方式: Channels and Buffers(通道和缓冲区):标准的IO基于字节流和字符流进行操作的,而NIO是基于通道(Channel)和缓冲区(B ...

  3. springboot集成redis缓存

    1.pom.xml增加redis缓存起步依赖(spring-boot-starter-parent包含许多starter版本) <dependency> <groupId>or ...

  4. 物联网架构成长之路(13)-SpringBoot入门

    1. 前言 下载最新版的JavaEE eclipse-jee-oxygen-2-win32-x86_64.zip 安装STS插件 Window->Eclipse Marketplace -> ...

  5. SAP BW: Replacement Path Variables

    How to use Replacement Path Variables to perform Date Calculations A Step-by-Step guide Have you eve ...

  6. Java中内存溢出与内存泄露

    内存溢出 内存溢出(out of memory),是指程序在申请内存时,没有足够的内存空间供其使用,出现out of memory:比如申请了一个integer,但给他存了long才能存下的数,就会发 ...

  7. 水塘抽样(Reservoir Sampling)问题

    水塘抽样是一系列的随机算法,其目的在于从包含n个项目的集合S中选取k个样本,其中n为一很大或未知的数量,尤其适用于不能把所有n个项目都存放到主内存的情况. 在高德纳的计算机程序设计艺术中,有如下问题: ...

  8. JVM 内部原理（七）— Java 字节码基础之二

    JVM 内部原理(七)- Java 字节码基础之二 介绍 版本:Java SE 7 为什么需要了解 Java 字节码? 无论你是一名 Java 开发者.架构师.CxO 还是智能手机的普通用户,Java ...

  9. （转载）Redis5.0重量级特性Stream尝鲜

    转 导读:Redis5.0最新重点推出了Stream的支持,给众多架构师在消息队列方面带来了新的选择,特别是Redis粉丝们绝对是一个福音.那么Redis的Stream有哪些特别的功能?跟kafka有 ...

  10. Python_序列与映射的解包操作

    解包就是把序列或映射中每个元素单独提取出来,序列解包的一种简单用法就是把首个或前几个元素与后面几个元素分别提取出来,例如: first, seconde, *rest = sequence 如果seq ...