html实用模板,html网页布局实用模板.doc

实用标准文案

文档大全

1 html笔记

一、HTML的概述(了解)

a.html是什么 : hypertext markup language 超文本标记语言

超文本:音频,视频,图片称为超文本。.

标记 :称为标记. 一个HTML页面都是由各种标记组成。

b.作用:编写HTML页面。

c.HTML语言不是一个编程语言(有编译过程),而是一个标记语言(没有编译过程).

HTML页面直接由浏览器解析执行。

二、HTML的历史(了解)

三、HTML的网络术语(明白)

* 网页 :由各种标记组成的一个页面就叫网页 .

* 主页(首页) : 一个网站的起始页面或者导航页面 .

* 标记:

称为开始标记

称为结束标记. 也叫标签.每个标签都规定好了特殊的含义。

* 元素:

内容

称为元素.

* 属性: 给每一个标签所做的辅助信息。

* xhtml: 符合XML语法标准的HTML。

* dhtml:dynamic,动态的。javascript + css + html 合起来的页面就是一个dhtml

* http:协议标准。用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP 邮件传输协议,ftp:文件传输协议.

四、HTML的编辑工具(了解)

*.notepad 记事本

*.editplus : 语法高亮显示

技巧: 根据颜色判断单词是否出错。 (不是100%)

*.ultraedit : 根据颜色判断单词是否出错,可以显示2进制数据.

*.dw(dreamweaver,专业工具) 代码提示.

五、HTML的规范(知道)

*.HTML是一个弱势语言

*.html 不区分大小写

*.html页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符,比如dos系统)

*.html 的结构

1)声明部分。主要作用是用来告诉浏览器这个页面使用的是那个标准。是HTML5标准。

2)head部分: 不会显示在页面上。作用是告诉浏览器一些页面的额外信息。

3)body部分:我们缩写的代码必须放在此标签內。

六、HTML的各种标签(掌握)

明确:每个标签都有私有属性。也都有公有属性。

html中表示长度的单位都是像素。HTML只有一种单位就是像素。

body:

bgcolor: 背景颜色

background:背景图片

text: 文本颜色

1.排版标签

所有的浏览器默认情况下都会忽略空格和空行

P:p代表一个段落

属性: align:对齐方式. 取值:left,right,center


代表是换行。

hr:

color: 线的颜色

size : 线的粗细

width: 线的长短

两种写法: 1) 绝对值 eg: 500

2) 相对值: 50%

noshade: 不要阴影

align: 对齐方式 取值: left,right,center

center: 内容居中

pre: 预定义格式标签 .告诉浏览器不要忽略空格和空行

div: 块级标签 必须单独占据一行

属性: align :

span: 块级标签 不换行字体标记

2 字体标签

h1...h6:定义字体大小

属性: align :居中

font:

color:字体颜色

颜色的写法有3种: 1)英文单词: red

2)十六进制:#00ffcc

3)RGB(三原色) : new RGB(124,156,23)

size:字体大小

face:字体类型

特殊字符: 大于 & &符号 " 双引号'单引号

© 版权 ™商标  空格

扩展:绐

b: 加粗

strong: 加粗

i:斜体

em: 斜体

u: 下划线

s: 中划线(删除线)

sup: 上标

sub: 下标.

3.图像标记

img: 代表是一副图片

属性: src : 图片的路径

两种写法:a) : 相对路径 路径是相对页面所在的路径 两个标记.和.. ,分表代表当前目录和父路径

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值