一.html简介:
1.html是什么
1)html是用来描述网页的一种语言
2)html指的是超文本标记语言
3)不是一种编程语言,而是一种标记语言
4)标记语言是一套标记标签
5)html使用标记标签来描述网页
语言:人和计算机交流的工具
超文本:(1)普通文本不能实现的,超文本可以实现
(2)包括超链接的汶斌
标记:就是标签,不同的标签能实现不同的功能
2.html能做什么
html通过标签的形式将信息展示给用户
3.html书写规范
需求:写一段文字
--------------------------
<html>
<head></head>
<body>
啦啦啦<font color="red" size="5">啦啦啦</font>啦,
<br/>啦
</body>
(1)html结构
包括资讯信息:整个页面的属性,指导浏览器解析的标签,引入外部文件的标签
我们需要展示的信息
(2)html标签是一尖括号包裹关键字出现的,有开始和结束标签,支持正确的嵌套
(3)大部分的标签有属性 格式:属性=”属性值” 多个属性之间用空格隔开
(4)空标签,功能比较单一
==
(5)html不区分大小写,建议使用小写
二。html基本标签
1.文件标签(结构标签)
2.排版标签
3.块标签
4.文字标签
5.清单标签
6.图形标签
7.链接标签
8.表格标签
1.文件标签(结构标签)
< html>:根标签
< head>:
< title>:页面的标题
< body >:
< body >:内容
属性: 1).text:文本的颜色
2).bgcolor:背景颜色
3).backgtound:背景图片
颜色:(1)单词:red green black
(2)rgb三原色:rgb(0,0,0) 0-255
(3) #000000 #ffffff #325687(各种各样代码)
2.排版标签
1)注释标签:外部已有
2)换行标签:< br/ >
3)段落标签< p >文本< /p > 特点:段落之前有空行
属性:align 对齐方式:left center right
4)水平线标签 < hr/ >
属性:width:长度
size:粗度
color:颜色
align:对齐方式
尺寸的写法:
像素:10px(不带单位默认单位是px)
百分比:占据副标题的百分比(会根据屏幕宽带变化而变化)
3.块标签
div:行级块标签
span:行内块标签
作用:div+css分块
span进行友好提示
4.基本文字标签< font >
属性:
color:颜色
size:大小 (最大值:7 最小值:1 默认值:3)
face:字体类型
标题标签:
< h1 >到< h6 > 大小依次减小,字体默认加粗,默认占据一行
5.清单标签
无序列表:< ul >
属性:type:disc square circle
< li >:列表项
有序列表:< ol >
属性:type 数字(用数字表示有序),A,a(用abcd表示有序),I,i(罗马字符)
start 数字,代表首项开始的位置
< li >:列表项
作用:做菜单
6.图形标签:
< img >
src:图形的地址
width:图片的宽度
height:图片的高度
border:边框
align:对齐方式 代表图片与相邻文本的对齐方式 top middle bottom 默认:middle
alt:图片的文字说明
7.链接标签
< a >
属性:href 跳转页面的地址
注意:跳转互联网资源 前面要加协议http://
name 名称,名字 锚点
锚点访问:href标签;书写格式:”#name”
target _selt(默认) _blank
作用:
(1)页面跳转
8.表格标签
< table >
属性:border:表格边框
width:宽度
align:对齐方式
< tr >代表行
< td >代表单元格 用< th >代替< td >文字加粗
属性:colspan 列合并 -
rowspan 行合并 |
(加属性的那个单元格往列或者往行合并,被合
并的单元格算做现在这个单元格所属,若2-1和
3-1合并,就在2-1对应的td里面夹rowspan=”2”,
等于多少合并几个,合并后第三行第一个单元格
是原来的3-2)
< caption >加标题
< bgcolor >背景颜色
作用:(1)简单的实现一个表格
(2)进行布局