HTML制作

HTML网页制作

（输入完代码后鼠标右键点击在浏览器中打开即可显示成品）
1.ctrl+s保存为xxx.html,在Sublime-Text3中打开
输入英文状态下的！+Tab可快速获得基本框
lang=“en”(lang语言，en英文，zh-cn中文)
UTF-8世界通用语言
title网页名称
body内容
1.1标签
1.p分段
2.a链接可点击;a href= “网址”
a标签还可以这样子用a href="#自己定义的网页位置"
例如a href="#c1，网页中有a name="c1"可实现网页中跳转。典型例子就是看网页小说时切换章节的时候。

3.b加粗
4.hr分界线
5.h1标题最多h6,h1最大。

6.**br/**换行
7.input type=“类型”
类型有text(账号一样),password(密码一样)，submit(进入键)，radio(圈选项)，checkbox（方块选项）
8.form格式（通常用于密码账号登陆窗口）
9.div块状内容(body是房子，div是房间)

10.select选择 multiple="multiple”表示滚动条类型，option选项（value定义名字）
11.textarea文本大框架（可输入文字）
cols表示大文本框架的宽度，rows表示大文本框的高度。
12.ul无序/ol有序，内置li标签，有序标签后加type=”A/0“表示用英文字母或数字开始，start表示从该符号开始。i表示斜体
sub表示下标，sup表示上标。

13.img添加图片，基本格式img scr=“网址“，width宽度height高度，用100px或40%来控制，例如width=”100px“height=”40%“。也可以不加，图片大小就是图片原本的大小。
14.video添加视频，基本格式video src=“网址” ，controls="controls"可以显示进度条（暂停或开始）
15.audio添加音乐，基本格式audio src=“网址”， controls=“controls"可以显示进度条（暂停或开始）
16.frameset合并多个网页，基本格式frameset cols横/rows（竖）=”10%，10%，10%“
（有几个网址加几个%，加起来等于100%。由cols和rows可见有横向比值和纵向比 值。）
frame src=”网址1”
frame src=“网址2”
frame src=“网址3”
注意：frameset不能和body一块用（必须在body标签的外面！）

17.span是行内元素和p差不多。不能设置高和宽·=·！
18.dl是解释文本标签。dt小标题，dd解释内容。解释内容会自动缩进。
19.table表格标签，常用于列表类的产品展示，例如电影，视频等。有三个标签和table联用（tr,th,td）。tr定义表格行, td定义表格行中的单元格, th表头的内容。还可以使用小标签border（边框）设置边长，格式为table border=“1px”
注意：19.1：td通常和tr连用在tr里面。
19.2：th作为表头，一般不在tr里面，但在tr里面也可以使用。th在tr里面以行显示，不在tr里面以纵显示。
20.marquee跑马灯（弹幕）小标签有behavior行为（behavior=“类型”，类型有alternate来回滚动，scroll单方向循环滚动，slide只滚动一次），direction方向，height高度。

以上是制作网页的主要标签和个别小标签的运用，下一节将展示css装饰网页的各种小标签，更有实战一步一步制作网页的过程。