HTML 入门
一、HTML的概述
1、 HTML简介
l HTML(Hyper Text Markup Language):超文本标记语言。
>标记就是标签
>HTML不是一种编程语言,而是一种标记语言
l 作用:
*就是用来写网页的
2、 HTML的书写规范。
a).HTML的创建
可以使用文本编辑器来创建,扩展名html或htm
可以被IE(浏览器)解析浏览的。
b).HTML的结构
l html
包裹了整个HTML 文件
l head
网页的说明信息。
它里面的内容是不会显示。
l body
负责显示页面的
它里面的内容是会显示的
l title
它是网页的标题
c).Html标签的规范
*Html是由一对尖括号包裹着的关键字组成的。例如:
*HTML通常是成对出现的,是由一个开始标签和一个结束标签组成的。例如:
特殊情况:
HTML的空标签。例如:
*HTML标签通常是有属性的。属性格式:属性名=”属性值”可以用双引号、单引号或者不加引号。建议使用引号的。例如:真晴朗
*HTML是可以嵌套使用的。(只允许包裹嵌套,不允许交叉嵌套)
*HTML是大小写不敏感的。推荐使用小写
Insert title here - 锐客网
你好aaa
二、HTML的基本标签(链接标签、表格标签)
排版标签 l Br标签
*就是一个换行
l
*是一个空格
lHTML注释
*格式:
l P标签
*就是一个段落标签。段前段后各加一行
*属性:
>align设置段落的对齐方式
l Hr标签(使用较少)
*就是一条水平线
*属性:
>color设置水平线的颜色
>size 设置水平线的粗细
>width 设置水平线的长度
小知识:
1、HTML长度设置(了解)
像素:width =”6”或者width =”6px”
百分比:width =”80%”.它会随着浏览器改变而改变
2、 HTML的颜色设置(了解)
*颜色关键字例如:red,blue,pink
*颜色代码。例如:#000000。每一位都是16进制。红色、绿色、蓝色
*三原色。 例如:rgb(0,0,0) 每一位取值0~255
Insert title here - 锐客网
静夜思
李白
床前明月光,
疑是地上霜,
举头望明月,
低头思故乡。
块标签 l Div
在文档中设定一个块区域
块级元素(自动换行)
l Span
在行内设定一个块区域
内联元素(不自动换行)
HTML绝大多数都属于块级元素或者内联元素
Insert title here - 锐客网
我是DIV1
我是DIV2
我是SPAN1
我是SPAN2
字体标签(少) l Font标签(少)
*设置字体的大小、颜色、字体类型
*属性:
>color 设置字体颜色
>size 设置字体大小
>face 设置字体类型。
l 标题标签(一般)
*h1~h6
*h1最大,h6最小
l 斜体、粗体标签(比较)
l 滚动字幕(不建议)
(marquee标签)
*只兼容IE,所以不建议使用
Insert title here - 锐客网
你好aaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
我是斜体
我是粗体
既是粗体又是斜体
既是粗体又是斜体
列表标签 l 有序列表(ol标签)
*属性
>type 设置有序列表的项目序号。 A,I,1
>start 设置有序列表的项目序号起始值。
l 无序列表(ul标签)(常用)
*属性:
>type 设置无序列表的项目标号。 (了解)
l 列表项条目(li标签)
Insert title here - 锐客网
- java
- .net
- php
- java
- .net
- php
图片标签(常用) l
文章图片