HTML5 网页设计基础

一.html介绍

1.什么是html5，html5可以做什么？

(1).概念:HTML 语言是一种文本类,依靠解释的方式执行的超文本标记语言，它是Lnternet上用于编写网页的主要语言。用于HTML 编写的超文本文件称为HTML文件。

(2).网页:通常是HTML 语言编写的扩展名为“.html”或“.htm”的文件。网页必须是通过网页浏览器来阅读，网页由文字，图片，视屏，动画及音乐组成，用于在网络上传递丰富信息，这些都可以用html5，css3，Js，jquery语言编写出来。

(3).范围:HTML5可以方便构建类似传统客户端软件的网页版APP还可以参与到开发移动APP，能轻松将桌面软件擅长的领域带入Web世界，HTML5 可以说是横扫了过去Web开发中的各种弊端，将Web开发带入了醒的纪元

二.html 文档的基本结构

<html>
<head>
<title>简单的HTML文件</title>
</head>
<body>
<h2>初次接触html</h2></br>
<p>
<a href="www.baidu.com">百度一下 <hr width="50px" color="red"/></a>
</p>
</body>
</html>

<html></html>:所有内容都在它里面进行编写。<head></head>:存放的是对页面的描述，不会显示在页面中。

<title><title>:只能在<head></head>的标签中，主要是用于设置标签页里的标题。

<body></body>:是页面主体内容，一个网页的内容都在<body>标签中编写。

三.HTML 中常用的文本标签及常用属性

1.标签标签:<h1></h1>~<h6></h6>(标签里数字越大字越小但最大也只能到6，一般可用于网页的标题)。

2.段落标签:<p>。

3.换行标签:</br>(一般写在一段文字的后面，用于换行)。

4.强调标签:<b>或<strong>(文字的加粗显示)。

5.<img>标签:<img src="图片的路径" alt="图片的提示信息" align="指定图片的对其方式">(在文档中添加图片 src，alt，align皆为属性)。

6.下划线标签:</hr>(用于添加下划线的标签)。

7.超链接标签:<a href="连接目标的网址或css3的类"><a>。

基本属性:是用于在标签里的是用于改变字体，图片，视频的大小，位置，链接，颜色等一系列作用。注:属性一般是写在文本标签的标签里面!

1.align:水平的对其方式，可选择的值有left，center，right，默认的值是left。

2.size:设置线条的厚度。

3.width:设置下划线的长度及图片的宽度。

4.height:设置图片的长度(可配合width一起使用改变图片的大小)。

5.border:边框的显示及其厚度和颜色 (如:border: 1px solid gray;(1px为边框厚度的像素，solid为边框线为实线，gray代表边框颜色))。

6.color:设置下划线颜色可以使用rgb如corol="#000ff"取色也可以用颜色名称取色如corol="blue"代表蓝色。

7.alt:用于描述图片所提示的文字。