开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 移动开发 -> HTML标签-上 -> 正文阅读

[移动开发]HTML标签-上

1.HTML 语法规范

基本语法概述

1.HTML 标签是由尖括号包围的关键词，例如<html>。

2. HTML 标签通常是成对出现的，例如<html>和</html>，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。

3.有些特殊的标签必须是单个标签（极少情况），例如<br />，我们称为单标签。

标签关系

标签关系可以分为两类：包含关系和并列关系。

1.包含关系

<head>
    <title></title>
</head>

2.并列关系

<head></head>
<body></body>

2.HTML 基本结构标签

第一个HTML网页

每个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写。 HTML页面也称为 HTML 文档

<html>
    <head>
         <title>我的第一个页面</title>
     </head>
    <body>
         内容
     </body>
</html>

标签名	定义	说明
<html></html>	HTML标签	页面中最大的标签
<head></head>	文档头部	在head标签中我们必须要设置的标签是title
<title></title>	文档的标题	定义网页的标题
<body></body>	文档的主题	页面内容基本都是放到body里面的

3.开发工具

Dreamweaver
Sublime Text
WebStorm?
HBuilder
Visual Studio Code

1.<!DOCTYPE>标签

文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页

<!DOCTYPE html>

?这句代码的意思是: 当前页面采取的是 HTML5 版本来显示网页

注意:

1. <!DOCTYPE>声明位于文档中的最前面的位置，处于标签之前。

2. <!DOCTYPE>不是一个 HTML 标签，它就是文档类型声明标签

2. lang 语言

用来定义当前文档显示的语言。

1. en定义语言为英语

2. zh-CN定义语言为中文

3. charset 字符集

字符集 (Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。

4.HTML 常用标签

标题标签<h1>-<h6>

用来显示标题，h1最大，h6最小，h4正常大小，独占一行

段落标签和换行标签

<p>标签用于定义段落，它可以将整个网页分为若干个段落。

特点：

1. 文本在一个段落中会根据浏览器窗口的大小自动换行。

2. 段落和段落之间保有空隙。

在 HTML 中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后才自动换行。如果希望某段文本强制换行显示，就需要使用换行标签<br />。

特点：

1.是个单标签。

2.标签只是简单地开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距。

文本格式化标签

在网页中，有时需要为文字设置粗体、斜体或下划线等效果，这时就需要用到 HTML 中的文本格式化标签，使文字以特殊的方式显示。

语义	标签	说明
加粗	<strong></strong>或者<b></b>	更推介<strong>标签加粗，语义更强烈
倾斜	<em></em>或者<i></i>	更推介<em>标签加粗，语义更强烈
删除线	<del></del>或者<s></s>	更推介<del>标签加粗，语义更强烈
下划线	<ins></ins>或者<u></u>	更推介<ins>标签加粗，语义更强烈

div和span标签

和是没有语义的，它们就是一个盒子，用来装内容的

特点：

1.标签用来布局，但是现在一行只能放一个。大盒子

2. 标签用来布局，一行上可以多个。小盒子

图像标签

在 HTML 标签中，标签用于定义 HTML 页面中的图像。这是一个单标签

<img src="图像URL" />

属性	属性值	说明
src	图片路径	必填属性
alt	文本	替换文本，图像不能显示的文字
title	文本	提示文本，鼠标放在图像上，显示的文字
width	像素	设置图像宽度
height	像素	设置图像高度
border	像素	设置图像的边框粗细

超链接标签

在 HTML 标签中，?<a>标签用于定义超链接，作用是从一个页面链接到另一个页面。

1.链接的语法格式

<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

属性	作用
href	用于指定链接目标的url地址，(必须属性)当为标签应用href属性时，它就具有了超链接的功能
target	用于指定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式。

?2.链接分类：

外部链接: 例如 < a href="http:// www.baidu.com "> 百度</a>。
内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可，例如 < a href="index.html"> 首页。
空链接: 如果当时没有确定链接目标时，< a href="#"> 首页。
下载链接: 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。
网页元素链接: 在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接.
锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置.

在链接文本的 href 属性中，设置属性值为 #名字的形式，如?<a herf="#two">第2集</a>
找到目标位置标签，里面添加一个 id 属性 = 刚才的名字，如：<h3 id="two">第2集介绍</h3>

5.HTML 中的注释和特殊字符

注释

如果需要在 HTML 文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标签。 HTML中的注释以“”结束。

特殊字符

在 HTML 页面中，一些特殊的符号很难或者不方便直接使用，此时我们就可以使用下面的字符来替代

特殊字符	描述	字符的代码
	空格符
<	小于号	<
>	大于号	>
&	和号	&
￥	人民币	¥
?	版权	©
?	注册商标	®
°	摄氏度	°
±	正负号	±
×	乘号	×
÷	除号	÷
2	平方2(上标2）	²
3	立方3(上标3）	³