1、HTML(HyperText Markup Language)就是描述网页长什么样子、有什么内容的一个文本。查看网页的描述内容(HTML)的方式:使用IE浏览器的话,在网页上点击右键,选择“查看源文件” 。
2、最初原因就是Web刚起步的时候没有一个统一的HTML标准,后来虽然有了标准的W3C组织提出的HTML标准,但是各个浏览器厂商还是各自为政,没有完全遵守这个标准。
3、B/S(Browser / Server) 。
4、第一个网页:
使用记事本创建网页:新建一个文本文件,后缀名改为.html或.htm ,输入以下:
<html>
<head>
<title>我的第一个网页</title>
</head>
<body bgcolor="red" background="bg.jpg">
Hello world
</body>
</html>
5、尖括号里是标签,标签里面是属性,如下面这行代码,body是标签,bgcolor和background是属性。图片"bg.jpg"只需放到跟这个HTML文件的相同路径下,运行HTML文件时就可以看到图片了。
<body bgcolor="red" background="bg.jpg">
6、属性分为属性名和属性值,前面是属性名,后面是属性值,属性值需要用双引号括起来。如上面的代码中,bgcolor和background是属性名,"red"和"bg.jpg"是属性值。
7、HTML页结构说明:
(1)所有内容都在<html></html>标签之内;<head></head>内放的是头部信息,是对页面的描述,不会直接显示在页面中,<head>内的<title>中设置的是页面的标题,<title>只能放在<head>中;<body>是页面的主体,大部分显示内容都定义在这里。
(2)所有页面都应该至少包含这些部分,由于浏览器容错性强,所以即使不包含也能正常显示,但是最好还是写完全了。
8、开发工具:编写普通的HTML页面是和任何后台语言无关的,可以使用记事本、高级记事本(Editplus,Notepad++)、Dreamweaver、Expression Web(FrontPage的改头换面版)等工具写,这些工具是给页面美工用的,开发人员用VisualStudio写html就够了。不要把精力放到怎么把界面做好看上,正规公司都有专门的页面美工,不正规公司都是偷别人的美工页面,无论是偷别人的页面,还是使用公司美工开发出来的页面,对于开发人员要做的“填模板”工作都是一样的。
9、文字格式:
(1)h标签,HTML定义了<h1></h1>到<h6></h6>六个h标签,分别表示不同大小的字体。
(2)<br>只是回车,<p>是分段。<p>前后会有比较大的空白,而<br>则没有。
(3)<center>这是陆荣锦的第一个网页</center>居中显示。
(4)<b>a</b>粗体。<i>b</i>斜体。
(5)<font></font>字体标签,<font color="red">红色</font> <font size="30" color="red">红色</font> ,颜色color 、大小size 、 字体(楷体、宋体等)face 。
(6)特殊字符:HTML中<、>是有特殊含义的、空格是不会被显示的(输入一个带空格的字符串看看),所以需要特殊符号,相当于C#中的'\n'转义符。<(小于号,less than);>(大于号,greater than); (空格,no-break space)。
HTML不把“ ”当成空格,因为HTML中经常有缩进,如果把缩进的空格在浏览器中以空格形式展现的话,排版会很麻烦。“ ”表示空格。 为什么<>要用<>代替?就是因为<>有特殊含义:标签的定义。
(7)<hr>是一条水平线, color是颜色, size是大小, width是宽度, align=left,align是对齐方式(默认是居中),left是左边,center是居中,right是右边。
(8)<pre> 预格式化,保持本色。
(9)其中 <br> 和 <hr> 标签没有结束标签,是一个单独的标签,而不是标签对。而其他标签是标签对。<br> 和 <hr>其实也有结束的标签,但是可以不写(一般都是不写的);而其他标签是必须写的(虽然不写也不一定出错,但是一旦出错就会是灾难性的,因为他们都有对应的内容需要被其包括进来)。