## HTML
**概念**：是最基础的网页开发语言
（Hyper Text Markup Langage 超文本标记语言）

> 1.超文本：超文本是用超链接的方式i，将各种不同空间的文字组织在一起的网状文本。
> 2.标记语言：由表签构成的语言，如HTML，xml。（标记语言不是编程语言）

**快速入门**：

- 语法：

```css
1.HTML文档后缀名为 .html 或 .htm
2.标签分为：
* 围堵标签：有开始标签有结束结束标签。如：<html> </html>
* 自闭和标签：开始标签和结束标签在一起。如：<br />.
3.标签可以嵌套：需要正确嵌套，不能你中有我，我中有你的形式。
例如：错误："<a><b></a></b>",正确"<a><b></b></a>"
4.在开始标签中可以定义属性。属性是由键值对构成，值需要引号（单双都可以）引起来
5.HTML的标签不区分大小写，但建议小写。

```
**标签学习**

```javascript
1.文件标签：
HTML：HTML文档的根标签
head：头标签。用于指定HTML文档的一些属性。引用外部资源。
title：标题标签
body：体标签
<!DOCTYPE html>:html5中定义该文档为HTML文档
2.文本标签：
注释：<!--注释内容-->
<h1> to <h6>:标题标签
h1 -- h6 字体大小逐渐减小
<p>:段落标签
<br />:换行标签
<hr />：水平线标签
属性：
color：颜色
width：宽度
size：高度
align：对齐方式
center：居中
left：左对齐
right：右对齐
<b>：字体加粗
<i>：斜体
<font>字体标签（不在使用）
属性定义：
color：
1.英文单词：red，green，blue
2.rgb（值1，值2，值3）：值的范围：0~255 如： rgb（ 0，0，255）
3，#值1，值2，值3：值的范围：00~FF之间。如：#FF00FF
width：
1。数值：width=‘20’，数值的单位‘px’ ，默认是像素。
2.数值%：占比相对于父元素的比例。

```

**列表标签**

```javascript
1。有序标签：
ol：外层
li：内层
2.无序标签：
ul：外层
li：内层
```

**链接标签**

```javascript
< a >: 定义一个超链接标签
属性：
href：指定访问访问资源的URl（统一资源定位符）
target：指定打开资源的方式
_self:默认值，在当前界面打开
_blank：在新的界面窗口打开
```

**div 和 span:**
```javascript
<div>:每一个div占满一行。块级标签
<span>:文本信息在一行展示，行内标签 内联标签。
```
**语义化标签：**

```javascript
HTML5中为了提高程序的可读性，提供了一些标签
1. <header>:页眉
2. <footer>:页脚
```
**表格标签**

```javascript
1.table：定义一个表格
width：宽度
border：边框
bgcolor：背景色
align：对齐方式
2.tr：定义行
3.td：定义单元格
4.th：定义表头单元格
5.<caption>：表格标题
<thead>：表示表格的头部分
<tbody>：表示表格的体部分
<tfoot>：表示表格的脚部分
```

以上就是一些基本的HTML的标签。

 

HTML5 基础知识（1）——基本标签的更多相关文章

  1. HTML5基础知识（一）---标签

    在HTML5中,Web页面中重新调整了页面规划,这其中新引入了几个新标记. 我们将创建一个简单的Web页面,该页面包含一个Header区.一个Navigation区.一个Article区(包含三个部分 ...

  2. HTML5基础知识及相关笔记

    HTML5基础 1.1HTML文件的基本结构和W3C标准 1.1.1HTML简介 HTML是一种描述网页的语言,一种超文本标记的语言! 1.1.2HTML文件的基本结构 头部(head) 头部是网页的 ...

  3. HTML5基础知识（2）--标题标签的使用

    1.HTML文档中包含各种级别的标题,各种级别的标题由<h1>到<h6>元素来定义,<h1>至<h6>标题标记中的字母h是英文headline的简称.其 ...

  4. html5基础知识

    html5+css3 html5定义很多简便东西和宽松语法:     文档头:         <!doctype html>     文档编码:         <meta cha ...

  5. Web的架构与html5基础知识

    图1:完整的Web应用构架 图2:html5的基本结构 head 可添加在头部标签元素有→→title meta style link base script noscript meta 几个重要属性 ...

  6. HTML和SEO基础知识：H标签全透视

    原文地址:http://www.chinaz.com/web/2010/0921/134391.shtml 什么是H标签? h1,h2,h3,h4,h5,h6,作为标题标签,并且依据重要性递减.我认为 ...

  7. 【前端】之HTML5基础知识

    HTML5 文件格式 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...

  8. HTML5基础知识汇总（一）

    一.HTML的开发工具和使用的浏览器 开发工具:记事本等文本编辑器,Atom.VisualStudioCode( VSCode).Brackets.Sublime text和Hbuider. 浏览器: ...

  9. 前端进阶笔记之核心基础知识---那些HTML标签你熟悉吗？

    目录 1.交互实现 1.1 meta标签:自动刷新/跳转 1.2 title标签:消息提醒 2.性能优化 2.1 script标签:调整加载顺序提升渲染速度 2.2 link标签:通过预处理提升渲染速 ...

随机推荐

  1. 对数据集进行最优分箱和WOE转换

    对数据集分箱的方式三种,等宽等频最优,下面介绍对数据集进行最优分箱,分箱的其他介绍可以查看其他的博文,具体在这就不细说了: 大体步骤: 加载数据: 遍历所有的feature, 分别处理离散和连续特征: ...

  2. 网站爬取-案例一：猫眼电影TOP100

    今天有小朋友说想看一下猫眼TOP100的爬取数据,要TOP100的名单,让我给发过去,其实很简单,先来看下目标网站: 建议大家都用谷歌浏览器: 这是我们要抓取的内容,100个数据,很少 我们看一下页面 ...

  3. Django学习之模型层

    模型层 查看orm内部sql语句的方法的方法 1.如果是queryset对象,那么可以点query直接查看该queryset的内部sql语句 2.在Django项目的配置文件中,配置一下参数即可实现所 ...

  4. jmeter测试get post 笔记

    0 环境 系统环境:win7 1 操作 1 post 新建线程组 2 get 和post新建类似 http请求 只是新建一个参数化我测试的2个url http://127.0.0.1:8080/cry ...

  5. windows安装fdfs_client-py-master.zip 出现 error: Microsoft Visual C++ 14.0 is required.

    背景:学习django+fdfs+nginx时碰见的问题,笔记本电脑的虚拟机ubuntu实在卡到怀疑人生,所以django装在windows,ubuntu只开启fdfs+nginx服务.于是就有在wi ...

  6. Mate20 pro实现H265 (HEVC)实时硬件编码

    谁能告诉我手机上用H265实时编码有什么鸟用? 一.先看看手机支持哪些codec ALL_CODECS REGULAR_CODECS mine-type 选择mime-type为video/hevc, ...

  7. jsonp和callback的使用

    这两天用 Jquery 跨域取数据的时候,经常碰到 invalid label 这个错误,十分的郁闷,老是取不到服务器端发送回来的 json 值, 一般跨域用到的两个方法为:$.ajax 和$.get ...

  8. @Value默认值填null

    @Value("${topology.position.spout.maxpending:#{null}}") private Integer spoutMaxPending; @ ...

  9. iphone开发学习之路--基本语法

    关键字:Objective-C(以下简称O-C)是C语言的一个超集,也就是C语言的语法O-C都是兼容的,所以为了避免冲突O-C的关键字都是以@符号开始的,比如:@class.@public .@try ...

  10. 吴裕雄--天生自然HTML学习笔记：HTML 样式- CSS

    CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式. <!DOCTYPE html> <html> <head> <me ...