一、互联网的三大基石
1.互联网中的三大基石:
1)HTTP:超文本标记语言;
2)HTML:超文本传输协议;
3)URL:统一资源定位符;
2.三者的关系:
html是主体,装载各种dom元素;css用来装饰dom元素;js控制dom元素。
二、HTML入门
1.HTML的作用是什么?
HTML是一种专门对网页信息进行规范化展示的语言。把网页的信息格式化展现的语言。
2.什么是HTML?
HTML是超文本标记语言;
1)超文本:文本信息 、图片、声音、视频、超链接等;
2)标记:标签的体现。
HTML不是编程语言,而是一种标记语言;
三、HTML标签
1.HTML标签:
1)HTML 标签是由尖括号包围的关键词,比如 <html>;
2)HTML 标签通常是成对出现的,比如 <b> 和 </b>;
3)标签对中的第一个标签是开始标签,第二个标签是结束标签;
4)开始和结束标签也被称为开放标签和闭合标签;
2.Head中的子标签:
(1)<!DOCTYPE html>标签的作用:HTML5中的文档约束;
(2)HTML中<meta charset="utf-8" />标签的作用:告诉浏览器按照UTF-8编码解析该网页。
(3)head书写一些和浏览器中的配置信息:
2.基础标签:
(1)列表标签:
1)有序列表:<ol><li></li><li></li><li></li>...</ol>;
2)无序列表:<ul><li></li><li></li><li></li>...</ul>;
3)自定列表<dl><li></li><li></li><li></li>...</dl>;
(2)小标签的作用:
1)<u></u>:下划线标签;
2)<i></i>:斜体标签;
3)<b></b>:加粗加黑标签;
4)<del></del>:删除线标签;
5)<sup></sup>:上标标签;
6)<sub></sub>:下标标签;
(3)分割线标签:
<hr />:分割线;
<dr />:换行;
(4)常用的属性:
width:宽度;color:颜色;align:位置(默认center,);size:垂直方向的大小;
3.超级链接标签:
实现不同页面之间的跳转;实现锚点功能。
1)Href: 指定跳转到指定资源的位置;
2)Target:打开网页的方式;
4.图片标签:
(1)src属性可以书写的路径:
1)相对路径;
2)绝对路径;
3)网路路径;
(2)常用属性和属性的作用:
1)img (不会自动的换行);
2)src:引入图片的位置(相对路径、绝对路径、网络路径 );
3)title:图片的标题;
4)border:图片的边框;
5)alt:图片无法正常显示的时候显示的属性;
6)align:图片的位置 ,必须有参照物。
5.表格标签:
(1)常用的属性和对应的作用:
1)width,height:高度和宽度;
2)cellpadding:内容和单元格的距离 cellspacing:单元格和单元格的距离;
3)tr:行:height;
4)td/th:列 width;
5)td:普通的列;
6)th:标题列:自动的居中,加黑效果;
7)colspan:列合并;
8)rowspan:行合并;
9)bgcolor:背景颜色;
网友评论