文档介绍：HTML知识点
标签格式:
一、<a href=“”> 成对标签,有标签头部和标签尾部,标签头部<a href=“”>中“<a”(a为标签名)的<与a之间不能有空格,标签名a后面写他的属性列表,多个属性之间用空格分隔。标签尾部</a>中“</a”三个字符之间不能有空格。标签头部与标签尾部之间是他的内容,里面可以放置文字或其他标签或标签的组合或标签的嵌套。
二、<br /> 空标签,没有标签尾部,也没有标签内容。在<br />中“<br”的两个字符间不能有空格,“/>”两个字符间不能有空格,br是标签名,标签名br后面写他的属性列表,多个属性之间用空格分隔。
属性格式:
如标签a的一个属性:href=“”,href为属性名,“”为属性的值,在双引号中可以根据具体需求填写值。属性名与属性值之间用赋值符号“=”。
Style样式属性格式
每个标签里都有一个style属性。他的值非常多。格式为style=“”;在“”中可以填写很多style样式属性的集合。如style=“color : red ; background-color:#999999;”。(样式属性为属性名+冒号:+属性值+分号;),最后一个样式属性值后面的分号可以不写。
路径
路径分为绝对路径和相对路径。用在链接外部资源中,如a标签的href属性,link标签的href属性,img标签的src属性,script标签的src属性,背景图片的定位也会用到路径。
绝对路径即物理路径,带盘符(file:///C|/...)或者http://... 的路径,链接资源一般在网站外部,不会随着网站的移动而移动。
相对路径为网站中以本网页为参照点,链接资源相对本参照点的位置路径关系用相对路径表示。肯定不带盘符(file:///C|/...)或者http://...,链接资源一般在网站内部,可以随着网站的移动而移动。如href="",href="images/huang-",href="../images/huang-",其中“..”表示上一级目录。
注意:假如想复制网站中的某个网页,里面存在链接外部资源,你必须把资源一起复制走,并且保证他们结构关系不变(保证路径值的有效性),否则将无法显示。(假如改变了他们的结构关系,你必须修改路径值。)
html文档结构
在DreamWeaver中新建网页,会自动生成一些代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-">
<html xmlns="9/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
其中:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-">是对html文档进行格式控制,包括编码方式,编码语言。
<html xmlns="9/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>html标签
head标签
body标签
meta标签
title标签
<body>
</body>
</html>
以上代码可以看做是
html标签里包含head标签和body标签,body标签是网页的主体,网页中显示给用户的内容都要求写在这个区域,head标签是网页的头部,包含meta标签和title标签,还可以包含其他控制标签,如脚本标签<script></script><link /><style ></style>。<script></script>也可以放在body标签里。
常用标签介绍(按字母顺序编写)(这里的常用属性为标签自己的特殊属性)
<a></a>锚标签
功能:实现网页中页面的链接跳转(即点击文字或图片后显示另一个页面),也可以实现文档或压缩文件的下载。
常用属性:
href属性: 他主要是定位在点击(文字或图片)后显示或下载的文件(页面,文档(如office文档),图片或压缩文件等,其中页面和