您的位置:首页 > Web前端 > HTML

HTML

2015-12-05 23:19 387 查看
1.基本概念

HTML:Hyper Text Markup Language, 超文本标记语言,不是一种编程语言,而是一种描述性的标记语言,用于描述超文本中内容的显示方式。比如字体的颜色,大小等格式;它是最基础的网络语言,其代码由标签所组成。

2.基本格式:
<html>
<span style="white-space:pre">	</span><head>
<span style="white-space:pre">		</span><title>网页标题</title>
<span style="white-space:pre">	</span></head>
<span style="white-space:pre">	</span><body>主题内容</body>
</html>


A:通过观察格式,发现

Html代码由<html>开始</html>结束。里面由头部分<head></head>和体部分<body></body>两部分组成。

头部分是给Html页面增加一些辅助或者属性信息,它里面的内容会最先加载。

体部分是真正存放页面数据的地方。

B:对格式的解释

html:放在html文件的开头,但没有实质性的功能,即使没有这个标记,浏览器在碰到其他的html标记时也一样会进行解析。

浏览器内置了html语言的解析器.

可以设置默认打开浏览器:工具—文件夹选项-文件类型

head:头标记,放置关于此html文件的信息,如提供索引,定义css等。

title:标题标记,包含在head标记内,它的作用是设定网页的标题。

body:主体标记,网页所需要显示的内容都放在这个标记内。


多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在标签内结束。

想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。

属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号。或公司规定书写规范。

3.html中的文字编排
A:在body中写入一首唐诗

B:插入 ,br,p

C:center

D:<blockquote>:将文字向右缩进显示,不能与center嵌套使用

E:<pre>:在body中写入的内容将原样显示

F:标签属性的应用

1:段落位置的控制

p标签的align属性:文字的显示位置。

取值:left,center,right

2:网页背景的设置

body标签的属性

bgcolor:控制网页背景颜色

background:控制网页背景图片

text:控制网页文字颜色

3:水平分割线的设置

hr的属性

size:控制水平线的粗细。单位是像素。

width: 控制水平线的宽度

align:控制水平线的对齐方式

color:控制水平线颜色
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: