1. HTML的简介
2. HTML: 超文本标记语言,网页语言。超文本标记语言:超出文本的范畴。
标记:HTML所有操作都是通过标签实现的。标签就是标记。<标签>
HTML的后缀.htm 或者.html 。
HTML规范:开始<html>结束</html>。成对出现。特殊的标签单个出现<br/>换行。
内容:1.<head>设置相关内容</head> <title>标题</title>
2.<body>显示在页面上的内容</body>
3.标签成对出现<head></head>
4.标签不区分大小写。
第 1 页
5.有些标签没有结束标签,在标签内结束,<hr/>水平线。
1、标记、标签、元素:对事物的标记,在HTML中就是用书名号和字母来表示某些内容。
1.1标记一般都有一对来表示<标记></标记>。
1.2属性:标签所对应内容的一些特征。
1.2.1使用:<标签 属性名=”属性值”>
2、超文本:网页上除了文字以外的图片、动画、视频、超链接。
2.1超链接能够跳到其他网页的文字。
3、标记语言:计算机语言,人机沟通的工具。
4、第一个网页
4.1<!doctype html>表示把HTML文件内容当做HTML来处理。
<html>
4.2<head>负责头部的处理:负责网页的头部:设置网页的基本信息,标题,编码等。aq
4.3<title>设置网页的标题。
4.4<body>指网页的主体部分,网页所展示内容均放在<body></body>之间。
4、常用HTML标记
4.1 文字:直接写在body标签中。
4.2<font>给文字设置样式。
4.2.1颜色:color属性
4.2.2大小:size 属性 范围:1~7
4.2.3字体:face属性
4.3<a>超链接:可以跳转其他网页。
4.3.1 href属性:要跳转网页的地址。
4.4<img>:显示图片
4.4.1 src属性:指定显示图片的地址。地址可在网络中复制。
4.4.2对其属性:
4.5主体body:
Bgcolor属性:设置网页的背景颜色
5、HTML注意点:
5.1一对开始标签和结束标签之间不仅可以放文字还可以放其他的东西。
6、HTML特殊符号:
6、实现网页大致步骤:
7.1先对页面进行分析
7.2画出网页的线框图
7.3实现网页的框架
7.4填充网页内容
7.5细节调整
页面布局
8.1 表格
8.1.1table标签:声明这是一个表格,通常我们会使用里面的属性来设置表格的特征
8.1.1.1 border属性:设置表格的边框
8.1.1.2width属性:宽度
8.1.1.3 height属性:高度
8.1.1.4bgcolor属性:背景颜色,优先级table<tr<td
8.1.1.5 align属性:设置整个表格的对齐方式,center表居中。
8.1.2 tr标签:表格中的一行
8.1.2.1align属性:设置单元格内容的对齐方式。
8.1.3 colspan:合并处于同一行的单元格,删除多余的
rowspan:合并同一列的单元格
8.2 css盒模型
补充:
1、中文乱码
1.1页面上<head>标签添加<meta charset=”UTF-8”>
1.2 文件本身编码格式。
2、点击颜色小方块可选择颜色,也可使用取色器取色
3、html中的border标签和CSS中不同,前者为内容属性,后者只为id所在标签属性。
1、地址:绝对地址和相对地址
1.1 绝对地址:http://和file:///无论HTML文件在哪里都能直接打开的路径。
1.2 相对路径:相对HTML文件或当前页面其他文件所在目录的路径,/表示下一级目录,../表示上级目录, ../../表示上级目录的上级目录。
2、表格:<table>,<tr>行,<td>单元格,<thead>标题栏行数,<th>标题栏单元格(可与<td>混用)
2.1 cellspacing属性:设置表格内部单元格之间的距离。
2.2 cellpadding属性:设置单元格与文字内容的边距。
3、H1~h6,一级标题,二级标题,三级标题........................
4、P,段落标签,自动缩进
5、Br,强制回车,一个标签换一行换行。