id 标签 功能
 1  <hr /> 水平分割线
 2 <br /> 强制让文本换行
 3 <p>段落</p> 段落标签(自带换行效果)
 4 <b>内容</b> 加粗标签
 5 <strong>内容</strong> 加粗标签(强调作用，更符合标准流)
 6 <font color="#00ff00" size="16" face="黑体">内容</font> 设置字体的颜色和大小
 7 <s>内容</s> 删除样式(html5弃用)
 8 <u>内容</u> 下划线样式(html5弃用)
 9 <em>内容</em> 表示强调语气，以斜体方式展现
  10 <i>内容</i> 文字斜体，没有任何语意
  11 <a href="#">内容</a> 锚文本、超链接(引号内为跳转链接或者锚点位置内容)
  12 <h1>内容</h1>......<h6>内容</h6> 标题标签，按数字递增，字体依次变小，最大为h1，最小为h6(自带换行效果)
  13 <sub>12</sub> 让字体变小，显示在下方(下标)
  14 <sup>12</sup> 让字体变小，显示在上方(上标)
  15 <ins>内容</ins> 表示插入的字符，表示方式，带下划线
  16 <del>内容</del> 在字符上带一条删除线。删除样式
  17 <code>hello world<code> 表示此段是程序代码
  18 <pre>内容</pre> 预格式化。就是你敲在源码里是什么格式。在页面上就显示什么格式。一般跟code配合使用。
  19 <!--注释内容--> 注释标签，注释内容不会在浏览器中显示，主要用于开发人员对板块的划分与注释
  20 <font size="1-7" color="颜色" face="字体样式"></font> 规范文本标签，可以设置标签内文本大小，颜色，样式。(文本大小取值只有1-7，浏览器默认为3)

关于编辑和管理html文件的程序通用快捷键（可能有些快捷键对于某些编辑程序不通用，具体参考对应程序快捷键设置）

1.全选(Ctrl+A)

2.复制(Ctrl+C)

3.剪切(Ctrl+X)

4.粘贴(Ctrl+V)

5.撤销(Ctrl+Z)

6.重做(Ctrl+Y)

7.注释/反注释(Ctrl+/)

8.查找(Ctrl+F)

9.选择一行(Ctrl+L)

10.保存(Ctrl+S)

11.删除一行(Ctrl+D)

12.运行(Ctrl+R)

13.缩进(Tab)

14.反缩进(Shift+Tab)

关于html基本组成解释

一个基本的html组成如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>

  1. <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
  2. <html>此元素可告知浏览器其自身是一个 HTML 文档。<html> 与 </html> 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体
  3. <head> 标签用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
  4. <meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词,<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
  5. 对于meta中出现的charset 属性其作用是规定在外部脚本文件中使用的字符编码。UTF-8 是一种Unicode 字符编码形式。
  6. <body> 元素定义文档的主体。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

以上标签大多都是成对出现的称为双标签，但是也有一部分单标签，对上述出现的标签除<hr />、<br />、<!DOCTYPE >、<meta>外皆为双标签。

博客里有部分转载内容，经过自己的整理，其目的主要是对知识的组织和管理。

HTML入门(html基本文本标签+快捷键讲解以及基本html组成解释)的更多相关文章

  1. 【转】iOS开发入门：Xcode常用快捷键

    原文网址:http://www.3g-edu.org/ios_free/3G-89.htm Xcode有许多快捷键,这些快捷键在Xcode的工具栏里都有标注,学会使用这些快捷键可以大大的提高你的编程效 ...

  2. Python入门之PyCharm的快捷键与常用设置和扩展(Win系统)

    1.  PyCharm的快捷键 2 . PyCharm的常用设置和扩展 ---------------------------------------------------------------- ...

  3. Python入门之PyCharm的快捷键与常用设置和扩展(Mac系统)

    1. 快捷键 2 . PyCharm的常用设置和扩展 ------------------------------------------------------------------------- ...

  4. Vim命令图解及快捷键讲解

    快捷键详解

  5. ES6标准入门之字符串的拓展讲解

    在开始讲解ES6中字符串拓展之前,我们先来看一下ES5中字符串的一些方法. 获取字符串长度 str.length 分割字符串 str.split() 拼接字符串 str1+str2 或 str1.co ...

  6. Linux入门(14)——Ubuntu常用快捷键

    打开终端:ctrl + alt + T 左右分屏:ctrl + win + 箭头左或者箭头右 显示桌面:Ctrl + win + D 切换工作区:ctrl + alt + 箭头左或者箭头右 新建文件夹 ...

  7. AngularJS入门基础——$provide.decorator 实例讲解

    <body ng-controller="OneController"> <script>  var Foobar = function() {      ...

  8. MobX快速入门教程（重要概念讲解）

    转载请注明原文地址:http://www.cnblogs.com/ygj0930/p/7372119.html 一:Mobx工作流程图 二:MobX涉及到的概念 1:状态state 组件中的数据. 2 ...

  9. Mybatis 入门之resultMap与resultType讲解实例

    resultMap:适合使用返回值是自定义实体类的情况 resultType:适合使用返回值得数据类型是非自定义的,即jdk的提供的类型 resultMap : type:映射实体类的数据类型 id: ...

随机推荐

  1. jQuery中detach&&remove&&empty三种方法的区别

    jQuery中empty&&remove&&detach三种方法的区别 empty():移除指定元素内部的所有内容,但不包括它本身 remove():移除指定元素内部的 ...

  2. luogu P2985 [USACO10FEB]吃巧克力Chocolate Eating

    题目描述 Bessie拿到了N (1 <= N <= 50,000)块巧克力.她决定想个办法吃掉这些巧克力,使得它在吃巧克力的这段时间里,最不开心的一天尽可能的开心.并且一共吃D (1 & ...

  3. Spring Boot Validation，既有注解不满足，我是怎么暴力扩展validation注解的

    前言 昨天,我开发的代码,又收获了一个bug,说是界面上列表查询时,正常情况下,可以根据某个关键字keyword模糊查询,后台会去数据库 %keyword%查询(非互联网项目,没有使用es,只能这样了 ...

  4. JavaEE基础(03)：Http请求详解，握手挥手流程简介

    本文源码:GitHub·点这里 || GitEE·点这里 一.Http协议简介 1.概念说明 HTTP超文本传输协议,是用于从万维网服务器传输超文本到本地浏览器的传送协议,基于TCP/IP通信协议来传 ...

  5. 适用于带fifo接口的存储器和显示器测试模块封装 挑战cb

    cb说完美是没有极限的,对此我表示赞同,自从用了cb的板子,玩开cmos,fpga,sdram,vga等. 不断涌现的是,双端口sdram,四端口sdram,各式各样的封装,但是大同小异,但总是有些不 ...

  6. 基于 H5 + WebGL 实现 3D 可视化地铁系统

    前言 工业互联网,物联网,可视化等名词在我们现在信息化的大背景下已经是耳熟能详,日常生活的交通,出行,吃穿等可能都可以用信息化的方式来为我们表达,在传统的可视化监控领域,一般都是基于 Web SCAD ...

  7. Spring MVC文件上传出现错误：Required MultipartFile parameter 'file' is not present

    1.配置文件上传的解析器 首先需要在spring mvc的配置文件中(注意是spring mvc的配置文件而不是spring的配置文件:applicationContext.xml)配置: sprin ...

  8. 理解Vue中的nextTick

    参考博客:https://www.jianshu.com/p/a7550c0e164f

  9. 关于HPS和FPGA之间的桥接学习笔记一

    为了实现FPGA和HPS之间的存储器共享和数据传输,Altera SoC FPGA提供了两种方式用于FPGA和HPS通信.分别是FPGA to SDRAM和AXI bridge. FPGA to SD ...

  10. 《Javascript设计模式与开发实践》--读书笔记

    第2章 this call apply bind()方法创建一个新的函数,在bind()被调用时,这个新函数的this被bind的第一个参数指定,其余的参数将作为新函数的参数供调用时使用. bind( ...