今天起始博主将会给大众讲解HTML的入门知识以及做项目会遇到的某些问题以及怎样处理此类问题的办法。说道网页设计,HTML是咱们必不可少的一部分。基本网页的形成,无论怎么变幻,都是由于原声的HTML代码构成形成网页。
下面我就按照工作中所用和看过的书籍一点一点总结下咱们常用的HTML格式和代码。
1、什么是HTML。
HTM不是一段编程语言,而是一款标记语言,本身不可表示在浏览器中。经过浏览器的编释和编译,才可正确反映HTML标记语言的内容。HTML从1.0到5.0经历了巨大的变化,从单一的文本表示功能到多功能互动,已然作为了一款非常成熟的标记语言。
2、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">
3、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、创立超链接
与自己网站页面相关的连接被叫作为内部连接
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设计网页格式已然网页分框的实现。