本日开始

下面我就根据事情中所用和看过的书本一点一点总结下我们常用的HTML格式和代码

一、什么是HTML。

HTM不是一段编程措辞,而是一款标记措辞,本身不能显示在浏览器中。
经由浏览器的编释和编译,才能精确反响HTML标记措辞的内容。
HTML从1.0到5.0经历了巨大的变革,从单一的文本显示功能到多功能互动,已经成为了一款非常成熟的标记措辞。

html从入门到精通pdfHTML从入门到精晓基本篇 Angular

二、HTML文件的基本构造

<!doctype html>

<html>文件开始标记

<head>文件头开始的标记

<meta http-equiv=\"大众X-UA-Compatible\"大众 content=\"大众IE=Edge\公众 charset=\"大众utf-8\公众>

<title>XX系统</title>

</head>文件头结束

<body>文件主题的内容

</body>文件主题的结束

</html>文件结束的标记

这里紧张解释title和meta(元信息)

<!--解释文件头-->

<title>XX网站</title>

<!--添加作者信息-->

<meta name=\"大众author\"大众 content=\"大众_永不言弃\公众 >

<!--设置网页笔墨及措辞 -->

<meta http-equiv=\"大众X-UA-Compatible\公众 content=\"大众IE=Edge\"大众 charset=\公众utf-8\公众>

<!--设置网页定时(20秒后)跳转-->

<meta http-equiv=\"大众refresh\"大众 content=\"大众20;url=index.html\公众>

三、HTML紧张常用标签

3.1标题

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

3.2 标题字对齐属性align

默认情形下,标题笔墨是左对齐的。
在网页制作过程中,常常须要选择对其他的办法,这时我们就须要用到align属性。

3.3 段落标记p

段落标记是文档中最常见的标记,<p>用来起始的一个段落。

3.3 换行标记

换行标记<br>浸染是在不另起一段的情形下将当前文本逼迫换行。

3.4 不换行标记nobr

<nobor>表示的是不换行的标记</nobor>

3.5 水平线

<hr/>

四、建立超链接

与自身网站页面有关的连接被称为内部连接

4.1绝对路径

绝对路径是包括做事器规范在内的完备路径。
绝对路径不管源文件在什么位置都可以非常精确地找到,除非是目标文档的位置发生变革,否则连接不会失落效。

4.2相对路径

为了避免绝对路径的毛病,对付在同一站点之中的连接来说,利用相对路径是一个很好的方法。

4.3 内部连接

<a href=\公众# target=\"大众目标窗口的打开办法 \"大众 >

属性值

含义

-self在当前页面中打开连接

-blank在一个全新的空缺窗口中打开连接

-top在顶层框架中打开连接,也可以理解为在根框架中打开连接

-parent在当前框架的上一层里打开连接

4.4 锚点连接

锚点到本页面中的位置

<a href=\"大众#1\"大众 >商品名称</a>

<a href=\"大众#2\"大众 >产品特点</a>

<a href=\"大众#3\"大众 >产品规格</a>

<a neme=\"大众1\公众>XX商品</a>

<a neme=\"大众2\公众>XX产品特点</a>

<a neme=\公众3\"大众>XX规格</a>

锚点到其他页面的位置

<a href=\公众index.html#1\公众></a>对应连接到index.html中name=1的位置

4.5 连接到外部网站

在设置交情链接时,须要打开HTTP协议进行外部连接访问。

<a href=\"大众wwww.baidu.com\公众 >百度</a>

4.6 连接到E-mail

<a href=\"大众mailto:邮件地址\"大众>。


</a>

4.7 连接到FTP

FTP代表文件传输协议,一个FTP站点常日包含一些上传和下载文件的文件目录。

大部分FTP网站须要利用用户名和密码来登录。

当然还有其他的一些连接办法,例如文件下载,连接到Telnet等。
这些都会可以用a标签实现。

HTML根本就先讲到这里,后面退出DIV设计网页格式已经网页分框的实现。