HTML(1)——概念、HTML页结构说明、开发工具、文字格式

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'转义符。&lt;(小于号,less than);&gt;(大于号,greater than);&nbsp;(空格,no-break space)

HTML不把“ ”当成空格,因为HTML中经常有缩进,如果把缩进的空格在浏览器中以空格形式展现的话,排版会很麻烦。“&nbsp;”表示空格。 为什么<>要用&lt;&gt;代替?就是因为<>有特殊含义:标签的定义。

(7)<hr>是一条水平线,  color是颜色,  size是大小,  width是宽度,  align=left,align是对齐方式(默认是居中),left是左边,center是居中,right是右边

(8)<pre> 预格式化,保持本色

(9)其中 <br> 和 <hr> 标签没有结束标签,是一个单独的标签,而不是标签对。而其他标签是标签对。<br> 和 <hr>其实也有结束的标签,但是可以不写(一般都是不写的);而其他标签是必须写的(虽然不写也不一定出错,但是一旦出错就会是灾难性的,因为他们都有对应的内容需要被其包括进来)。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值