随笔1
1.1、什么是网页
我们打开浏览器访问的一切,都由网页构成,简单的说,网页就是html
1.2、HTML概念
1.2.1:超文本标记语言(Htper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。
1.3、主体结构
文档声明头:
<!DOCTYPE html>
--> html5文档声明头,告诉浏览器当前的网页语法为html5
网页标签:<html></html>
-->网页的所有内容都是在这组标签中
网页头部标签:<head></head>
:
----> 网页的预定义信息都写在这组标签中
----><meta charset="uft-8">
:给网页设置字符集编码
----><title>网页标题</title>
:网页标题
网页内容标签:<body></body>
-->展示给用户看的内容都希望在body标签中
1.4、常用标签
1.4.1、功能型标签
有序列表:
<ol><li></li></ol>
- 数字排序:1
- 字母排序:a/A
- 罗马字母排序:i/I
无序列表:
<ul><li></li></ul>
- 实心圆:disc
- 空心圆:circle
- 实心方块:square
- src属性
- 绝对路径:完整地址
- 相对路径:相对于当前需要图片的html文件位置来讲
- width/height属性:图片宽高,只设置一个为等比例 缩放
- alt属性
- href:链接地址
- title属性
- div:主要用来网页切割,方便进行网页开发
- span通常用来存放普通的文本内容
- table标签基础属性
border:边框
width/height:宽高- 行:
<tr></tr>
- 单元格
<td></td>
基本属性:
alige:left/right/center 文字对齐方式
colspan:规定单元格可横跨的列数
rowspan:规定单元格可横跨的行数- 表格中标题:
<th></th>
- 单元格与单元格间距:cellspacing
- 单元格与内容间距 :cellpadding
1.4.2、辅助型标签
- 标题标签:h1-h6
- 段落标签:p
- 水平线:hr [单标签]
- 删除线:del
- 倾斜强调:em
- 加粗强调:srtong
- 斜体文本:i
- 预格式文本:pre:
- 换行:br [单标签]