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. Golang——垃圾回收GC(2)

    1 垃圾回收中的重要概念 1.1 定义 In computer science, garbage collection (GC) is a form of automatic memory manag ...

  2. 10.2.翻译系列：使用Fluent API进行属性映射【EF 6 Code-First】

    原文链接:https://www.entityframeworktutorial.net/code-first/configure-property-mappings-using-fluent-api ...

  3. [转]Java 反射在实际开发中的应用

    一:Java类加载和初始化 1.1 类加载器(类加载的工具) 1.2 Java使用一个类所需的准备工作 二:Java中RTTI 2.1 :为什么要用到运行时类型信息(就是RTTI) 2.2  :RTT ...

  4. Atitit 视图参数解决方案 oracle版和mysql版本 attilax总结.docx

    Atitit 视图参数解决方案 oracle版和mysql版本 attilax总结.docx 1.1. Package机制1 1.2. 全局变量机制1 1.3. 临时表模式,oracle mysql都 ...

  5. ECMAScript 6 入门之新的数据类型Symbol

    1.Symbol,一个每次创建都不一样的值 Symbol undefined null Boolean String Number Object let c=Symbol("这是一个Symb ...

  6. ⑥NuPlayer播放源码分析之DecoderBase分析

    NuPlayer播放源码分析之DecoderBase分析 [时间:2017-02] [状态:Open] [关键词:android,nuplayer,开源播放器,播放框架,DecoderBase,Med ...

  7. Spring Security 之Http Basic认证

    使用Spring Security进行http Basic认证非常简单,直接配置即可使用,如下: <security:http> <security:http-basic>&l ...

  8. 查看SQL SERVER数据库的连接数

    1,查看连接到‘TestDB2’数据库的连接 select * from master.dbo.sysprocesses where dbid = DB_ID('TestDB2') *查询某个数据库用 ...

  9. FilenameFilter总结

    一.FilenameFilter介绍   java.io.FilenameFilter是文件名过滤器,用来过滤不符合规格的文件名,并返回合格的文件: 一般地: (1)String[] fs = f.l ...

  10. jQuery的ID选择器失效问题

    jQuery的ID选择器,在同一项目别的文件中一切正常: 在当前页面,jQuery的其它功能(如:$(document).ready(function(){  alert("ok" ...