HTML入门(html基本文本标签+快捷键讲解以及基本html组成解释)
| 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>
- <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
- <html>此元素可告知浏览器其自身是一个 HTML 文档。<html> 与 </html> 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体
- <head> 标签用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
- <meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词,<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
- 对于meta中出现的charset 属性其作用是规定在外部脚本文件中使用的字符编码。UTF-8 是一种Unicode 字符编码形式。
- <body> 元素定义文档的主体。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
以上标签大多都是成对出现的称为双标签，但是也有一部分单标签，对上述出现的标签除<hr />、<br />、<!DOCTYPE >、<meta>外皆为双标签。
博客里有部分转载内容，经过自己的整理，其目的主要是对知识的组织和管理。
HTML入门(html基本文本标签+快捷键讲解以及基本html组成解释)的更多相关文章
- 【转】iOS开发入门：Xcode常用快捷键
原文网址:http://www.3g-edu.org/ios_free/3G-89.htm Xcode有许多快捷键,这些快捷键在Xcode的工具栏里都有标注,学会使用这些快捷键可以大大的提高你的编程效 ...
- Python入门之PyCharm的快捷键与常用设置和扩展(Win系统)
1. PyCharm的快捷键 2 . PyCharm的常用设置和扩展 ---------------------------------------------------------------- ...
- Python入门之PyCharm的快捷键与常用设置和扩展(Mac系统)
1. 快捷键 2 . PyCharm的常用设置和扩展 ------------------------------------------------------------------------- ...
- Vim命令图解及快捷键讲解
快捷键详解
- ES6标准入门之字符串的拓展讲解
在开始讲解ES6中字符串拓展之前,我们先来看一下ES5中字符串的一些方法. 获取字符串长度 str.length 分割字符串 str.split() 拼接字符串 str1+str2 或 str1.co ...
- Linux入门(14)——Ubuntu常用快捷键
打开终端:ctrl + alt + T 左右分屏:ctrl + win + 箭头左或者箭头右 显示桌面:Ctrl + win + D 切换工作区:ctrl + alt + 箭头左或者箭头右 新建文件夹 ...
- AngularJS入门基础——$provide.decorator 实例讲解
<body ng-controller="OneController"> <script> var Foobar = function() { ...
- MobX快速入门教程（重要概念讲解）
转载请注明原文地址:http://www.cnblogs.com/ygj0930/p/7372119.html 一:Mobx工作流程图 二:MobX涉及到的概念 1:状态state 组件中的数据. 2 ...
- Mybatis 入门之resultMap与resultType讲解实例
resultMap:适合使用返回值是自定义实体类的情况 resultType:适合使用返回值得数据类型是非自定义的,即jdk的提供的类型 resultMap : type:映射实体类的数据类型 id: ...
随机推荐
- Java修炼——对象数组存储表格数据
数组存基本数据类型,也可以存引用数据类型 对象数组:使用数组存储对象(自定义对象) 先定义Person的三个私有变量,给他取值赋值方法,重写toString方法. package com.bjsxt. ...
- 洛谷 P2764(最小路径覆盖=节点数-最大匹配)
给定有向图G=(V,E).设P 是G 的一个简单路(顶点不相交)的集合.如果V 中每个顶点恰好在P 的一条路上,则称P是G 的一个路径覆盖.P 中路径可以从V 的任何一个顶点开始,长度也是任意的,特别 ...
- JS基础-this
this this的指向有哪几种情况? this代表函数调用相关联的对象,通常页称之为执行上下文. 作为函数直接调用,非严格模式下,this指向window,严格模式下,this指向undefined ...
- 使用python实现数组、链表、队列、栈
引言 什么是数据结构? 数据结构是指相互之间存在着一种或多种关系的数据元素的集合和该集合中数据元素之间的关系组成. 简单来说,数据结构就是设计数据以何种方式组织并存储在计算机中. 比如:列表,集合和字 ...
- BBS项目知识点汇总
目录 bbs项目知识点汇总 一. JavaScript 1 替换头像 2 form表单拿数据 3 form组件error信息渲染 4 添加html代码 5 聚焦操作 二 . html在线编辑器 三 . ...
- Maven pom.xml 全配置（一）常用配置
Maven pom.xml 全配置(一)常用配置 这里贴出一个Maven中出现频率较高的配置参数注释,方便理解项目中Maven的配置具体的作用.如果在此博文中没有找到你想看到的参数,可以移步Maven ...
- dotnetcore执行shell脚本
我们可以使有dotnetcore跨平台的特性,优雅的实现在dotnetcore执行shell (bash). 代码如下: using System; using System.Collections ...
- c++-变量，this指针，全局函数，成员函数，自定义数组类
区分变量属于哪个对象 c++对象管理模型初探 C++类对象中的成员变量和成员函数是分开存储的,C中内存四区仍然有效 C++编译器对普通成员函数的内部处理(隐藏this指针) this指针解决函数形参和 ...
- vue组件初始化过程
之前文章有写到vue构造函数的实例化过程,只是对vue实例做了个粗略的描述,并没有说明vue组件实例化的过程.本文主要对vue组件的实例化过程做一些简要的描述. 组件的实例化与vue构造函数的实例化, ...
- iOS核心动画高级技巧-4
8. 显式动画 显式动画 如果想让事情变得顺利,只有靠自己 -- 夏尔·纪尧姆 上一章介绍了隐式动画的概念.隐式动画是在iOS平台创建动态用户界面的一种直接方式,也是UIKit动画机制的基础,不过它并 ...