入门HTML的回顾，小总结

时间 2019-11-10

标签入门 html 回顾总结栏目 HTML 繁體版

原文原文链接

1.HTML（是一种超文本标记语言 Hypertext Markup Language）,HTML不是一种编程语言，而是一种标记语言，描述网页的语言，ＨＴＭＬ是由一套标记标签（markup tag）组成html

java 是编程语言java

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

</body>
</html>

01.DOCTYPE声明web

（1）Strict（严格类型）：这种声明彻底符合W3C的标准，但要求比较严格，对应的声明为：编程

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtml-strict.dtd">

(2).Transitional(过渡类型)：也称松散（loose）声明。相比Strict而言，要求相对宽松一些，对应的声明w为：框架

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

(3).Frameset(框架类型)：Strict声明中不容许使用框架，当页面中须要使用框架时，则使用该声明。对应的声明为：编程语言

<!DOCTYPE PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

(4).<meta>标签字体

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

其中，属性“http-equiv” 提供 “名称/值”中的名称，“content”提供“名称/值”，HTML代码的含义以下。ui

>名称：Content-Type(文档内容类型)。编码

>值：text/html;charset=gb2312(文本类型的html类型，字符编码为简体中文)，charset表示字符集编码（是很重要的，防止出现乱码）。经常使用的编码有一下几种。spa

★ gb2312:简体中文，通常用于包含中文和英文的页面。

★ ISO-885901:纯英文，通常用于只包含英文的页面。

★ big5：繁体，通常用于带有繁体字的页面。

★ utf-8:国际性通用的字符编码，一样适用于中文和英文的页面。

<p>标签是一个内容标签，而<table>标签是结构标签，不容许将<table>标签置于<p>标签内部。将<p>标签置于<td></td>之间，则彻底正确。

标题标签：<h1>~<h6>,<h1>字号最大，<h6>字号最小，

段落标签：<p>文本内容省略</p>

换行标签：<br/> 强制换行显示，没有结束标签，直接使用<br/>表示标签的开始和结束。

水平标签：<hr/> 表示一条水平线，没有结束标签。

字体样式标签：字体加粗的标签是<strong>……</strong>,斜体字的标签是<em>……</em>。

注释和特殊符号

图像标签

☆ 经常使用的图像格式

后缀名分别有： .JPG .glf .Bmp .png

图像标签的基本语法

<img src="图片地址（图片路径）" alt="图像的替代文字"  title=“鼠标悬停提示文字（当鼠标移至图片上时显示提示信息）”  width=“图片宽度” height="图片高度">

连接标签：

超连接包含两部份内容：一是连接地址，即连接目标，能够是某个网址或文件的路径，对应为<a>标签的href属性；二是连接文本或图像，单击该文本或图像，将跳转到href属性指定的连接地址，超连接的基本语法以下：

<a  href="连接地址"  target=“目标窗口位置”>连接文本或图像</a>

>href:表示连接地址的路径。

> target:指定连接在哪一个窗体打开，经常使用的取值有_self(自身窗体)、_blank(新建窗体)。

根据连接的地址是指向站外文件仍是站内文件，连接地址有分为绝对路径和相对路径。

★站外使用绝对路径：指向目标地址的完整描述，通常指向本站点外的文件。

例如：<a href="http://www.sohu.com/index.html">搜狐</a>。

★站内使用相对路径，相对于当前页面的路径，通常指向本站点内的文件，因此通常不须要一个完整的URL地址的形式。、

例如：<a href="login/login.html">登陆</a>表示连接地址为当前页面所在路径的“login”目录下的“login。html”页面。

站内使用相对路径时经常使用到两个特殊符号：“../”表示当前目录的上一级目录，“../../”表示当前目录的上上级目录。

例如：<a href="../web1.html">上级目录</a>

<a href="../../web1.html">上上级目录</a>

超连接的应用：

>页面间连接：A页到B页，

<p><a href="elearing/index.html" target="_blank">XXX</a></p>

<p><a href="elearing/courseList.html" target="_blank">XXX</a></p>

>锚连接：A页甲位置到A页的乙位置或A页甲位置到B页的乙位置。

>功能性连接：在页面中调用其余程序功能，如电子邮件，QQ ，MSN 等。

1. NRF51822 回顾总结
2. jquey 回顾总结
3. rsync 总结回顾
4. 总结回顾---1
5. 总结回顾JVM
6. 【回顾&小结】回溯法
7. HTML入门学习总结
8. 回顾html
9. WIN10 + cuda9.1 + cudnn7.0.5 + caffe入坑总结回顾
10. svg入门学习回顾
更多相关文章...
• Memcached入门教程 - NoSQL教程
• Neo4j数据库入门教程 - NoSQL教程
• 算法总结-回溯法
• YAML 入门教程