码迷,mamicode.com
首页 > Web开发 > 详细

HTML初步认识

时间:2015-07-29 22:48:23      阅读:604      评论:0      收藏:0      [点我收藏+]

标签:

HTML是用来制作网页的标记语言
HTML是Hypertext Markup Language的英文缩写,即超文本标记语言
HTML语言是一种标记语言,不需要编译,直接由浏览器执行
HTML文件是一个文本文件,包含了一些HTML元素,标签等.HTML文件必须使用html或htm为文件名后缀
HTML是大小写不敏感的,HTML与html是一样的
HTML是由W3C的维护的
文件类型:文本文件,二进制文件,可执行文件(我们的程序)

标签是HTML中最基本单位,也是最重要组成部分。
通常要用两个角括号括起来:“<”和“>”。
标签都是闭合的(两种形式:成对与不成对)

标签是大小写无关的,<body>跟<BODY>表示意思是一样的,最好使用小写,这样符合XHTML标准

技术分享
HTML标签名和属性都是不区分大小写的,例如<body>、<BODY>或<Body>都是定义相同的标记,但推荐全部使用小写字母书写。

html标签属性:HTML属性一般都出现在HTML标签中, 是HTML标签的一部分。
标签可以有属性,它包含了额外的信息.属性的值一定要在双引号中。
标签可以拥有多个属性。
属性由属性名和值成对出现。
html颜色值得设置:
大多数的浏览器都支持颜色名集合,颜色值是一个关键字或一个RGB格式的数字,在网页中用得很多。
主要有以下两种:
使用英文单词作为颜色值:如:red、green、blue、black、maroon、white、yellow ......
可以使六位十六进制的颜色值:
   如:#000000 --- #ffffff(red,green,blue)
其中前两位表示红色,中间两位表示绿色,最后两位表示蓝色。

html注释:

 HTML注释,我们经常要在一些代码旁做一些HTML注释,这样做的好处很多,比如:方便查找,方便比对,方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己代码的理解与修改等等.
 HTML代码格式:

任何回车或空格在源代码中都是不起作用,所以在编写HTML代码时,都可以使用回车或者空格进行代码排版,这样可以使代码清晰,也便于团队合作。必须保持严格的缩进规则,以“Tab”键为准

应该把代码写的清楚漂亮,这样比写的正确更重要,因为只要代码写的清楚漂亮,这样可以避免出很多的错误。

HTML文档的主体结构:

技术分享

技术分享

HTML文档头部元素<head>:

head标签代表HTML文档的头信息,以<head>开始,</head>结束。

头(head)包含了当前文档的一些信息,例如标题信息,meta信息等,正常情况下头信息是不会显示在HTML文档中的.
head元素包含的常用标签:

技术分享

创建图像和链接:

建立锚点和超链接:

插入图片的方法++++++++++++
img标签 -- 代表HTML图像
img标签是单独出现的:<img />, img是image(图像)的缩写
常用属性:  
alt -- 代表图像的替代文字
src -- 代表一个图像源(就是图像的位置)(href)
border – 代表图片边框的宽度
height -- 代表一个图像的高度
width -- 代表一个图像的宽度
设计网页时经常使用的图片有三种格式:
GIF -- 最多支持256色,支持透明,支持多帧动画显示效果.
JPEG -- 支持多种颜色,可以有很高的压缩比,使用了有损压缩,不支持透明,不支持动画效果.
PNG -- 是一种新的图片技术,可以表现品质比较高的图片,使用了无损压缩,支持透明,不支持动画.
建立锚点和超链接;

a标签 -- 代表HTML链接
a,是anchor(锚)的第一个字母,a标签是成对出现的,即<a>…</a>。
常用属性:
href -- 代表一个url链接源(就是链接到什么地方去)
url除了是网页外,还可以是其它的文件(如文本文件,pdf文件等)。
url还可以是指向HTML文件中的一个位置。
url还可以是Email地址。
target -- 用来指出哪个窗口或框架应该被此链接打开
target=_blank: 将链接内容在新的浏览窗口中打开。
target=_parent:将链接的内容,当成文件的上一个画面。
target=_self:  将链接的内容,显示在目前的窗口中。
target=_top:这个参数可以解决新内容被旧框窗包围的困扰,使用这参数,会将整个画面重新显示成链接的画面内容。
title -- 代表链接的附加提示信息
链接语法:
定位网页内部的链接(锚点链接):
用<a name=“”>定义,例如:<a name=“here1”>第一部分</a>,使用<a href=“#here1”>跳转到第一部分</a>超链接就可以定位到网页中的“第一部分”这个位置。
注意:<a href=“#”>…</a>与<a href=“”>…</a>的区别
URL(Uniform Resource Locator)的基本组成:
协议名://主机名:端口号/资源名。
例如: http://www.javauser.com:8080/index.html
为URL指定参数
例如:http://www.jaovo.com/register.html?name=zhangsan&password=123
带有定位标记的URL
例如:http://www.javauser.com/index.html#section2

URI-----是指这个数据的物理空间地址
URL-----是指找到这个数据的地图
有三种类型的链接路径:
绝对路径 (例如 http://www.sohu.com/index.html)
文档相对路径 (例如 adver/contents.html)
站点根目录相对路径 (例如 /support/app/customer.html,其中“/”表示根目录)



HTML初步认识

标签:

原文地址:http://www.cnblogs.com/xinxinxin/p/4687559.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!