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. 11g新特性-SQL Plan Management

    在11g之前版本,提供了stored outlines(sql概要)特性来保存sql的执行计划. 在11g中,引入了一个新的特性sql计划管理(sql plan management)特性来保存sql ...

  2. Pycharm中.py文件头信息配置

    在社区版的Pycharm开发软件中设置每次新建.py文件都会自动生成如下信息 #! /usr/bin/env python # -*- coding:utf-8 -*- # Author: Tdcqm ...

  3. ORGANISING THE TEST CASES

    ORGANISING THE TEST CASES -Test note of “Essential Software Test Design” 2015-09-24 目录 22.1 Test Cas ...

  4. 为11.2.0.2 Grid Infrastructure添加节点

    转自:http://www.askmaclean.com/archives/add-node-to-11-2-0-2-grid-infrastructure.html 在之前的文章中我介绍了为10g ...

  5. java框架篇---hibernate之CRUD操作

    CRUD是指在做计算处理时的增加(Create).读取(Retrieve)(重新得到数据).更新(Update)和删除(Delete)几个单词的首字母简写. 下面列举实例来讲解这几个操作: 实体类: ...

  6. 【emWin】例程十九：窗口对象——Checkbox

    简介: 复选框是选择各种不同选项的最常用小工具之一.用户可选中或取消选中复选框,并且可一次选中任意个框 触摸校准(上电可选择是否进入校准界面) CHECKBOX三状态模式 CHECKBOX设置字体颜色 ...

  7. [转]devm_gpiod_get_optional用法

    https://blog.csdn.net/kris_fei/article/details/78932904

  8. 海量数据中找top K专题

    1. 10亿个数中找出最大的1000个数 这种题目就是分治+堆排序. 为啥分治?因为数太多了,全部加载进内存不够用,所以分配到多台机器中,或者多个文件中,但具体分成多少份,视情况而定,只要保证满足内存 ...

  9. FPGA编程—组合逻辑编码器等verilog实现

    本篇博客主要实现对组合逻辑电路的一些常用模块的实现.组合逻辑中,包括译码器,编码器,输入输出选择器,数值比较器,算法单元等.  先来实现编码器,最常用的8-3编码器,这里先讲一下要用到的case ,c ...

  10. Zookeeper系列五：Master选举、ZK高级特性：基本模型

    一.Master选举 1. master选举原理: 有多个master,每次只能有一个master负责主要的工作,其他的master作为备份,同时对负责工作的master进行监听,一旦负责工作的mas ...