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. OpenCV 学习笔记 04 深度估计与分割——GrabCut算法与分水岭算法

    1 使用普通摄像头进行深度估计 1.1 深度估计原理 这里会用到几何学中的极几何(Epipolar Geometry),它属于立体视觉(stereo vision)几何学,立体视觉是计算机视觉的一个分 ...

  2. 阿里云centos安装docker-engine实践

    近日在阿里云ECS服务器(centos系统)中安装docker,参考官方指南 https://docs.docker.com/engine/installation/linux/centos/  大概 ...

  3. Jason 和 Java 对象转化示例

    1.工程 2.代码: JsonUtil.java package com.my.json; import java.util.ArrayList; import java.util.List; imp ...

  4. Android Studio配置文件路径修改

    用Android Studio进行Android开发已经成为趋势了,好的工具要用得称手也少不了好的调教,在Windows下更是如此.这里对Android Studio的相关配置文件的路径修改做下小结. ...

  5. remmina如何上传文件到linux服务器

    1.安装filezilla 2. remmina中选择列表中的主机,点击“外部工具 -> filezilla-xfp.sh” 3. 弹出filezilla,输入主机,端口,用户名,密码,连接, ...

  6. 实现div里的img图片水平垂直居中

    body结构 <body> <div> <img src="1.jpg" alt="haha"> </div> ...

  7. 【九天教您南方cass 9.1】02 从地形图上绘制纵横断面

    同学们大家好,欢迎收看由老王测量上班记出品的cass9.1视频课程, 测量空间的[九天教您南方cass]专栏是九天老师专门开设cass免费教学班.希望能帮助那些刚入行的同学,并祝您一臂之力. [点击索 ...

  8. JS原生实现视频弹幕Demo（仿）

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http ...

  9. Guava学习笔记（一）：Maven

    <dependencies> <dependency> <groupId>com.google.guava</groupId> <artifact ...

  10. MySql安全模式的关闭和开启

    #MySql关闭安全模式 ; commit; #MySql开启安全模式 ; commit;