1 / 23
文档名称:

html网页布局模板.docx

格式:docx   大小:28KB   页数:23页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

html网页布局模板.docx

上传人:s0012230 2018/7/10 文件大小:28 KB

下载得到文件列表

html网页布局模板.docx

文档介绍

文档介绍:1 html笔记
一、HTML的概述(了解)
: hypertext markup language 超文本标记语言
超文本:音频,视频,图片称为超文本。.
标记:<英文单词或者字母>称为标记. 一个HTML页面都是由各种标记组成。
:编写HTML页面。
(有编译过程),而是一个标记语言(没有编译过程).
HTML页面直接由浏览器解析执行。
二、HTML的历史(了解)
三、HTML的网络术语(明白)
* 网页:由各种标记组成的一个页面就叫网页.
* 主页(首页) : 一个网站的起始页面或者导航页面.
* 标记:<p>称为开始标记</p>称为结束标记. 。
* 元素:<p>内容</p> 称为元素.
* 属性: 给每一个标签所做的辅助信息。
* 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)声明部分。主要作用是用来告诉浏览器这个页面使用的是那个标准。<!doctype html>是HTML5标准。
2)head部分: 不会显示在页面上。作用是告诉浏览器一些页面的额外信息。
3)body部分:我们缩写的代码必须放在此标签內。
六、HTML的各种标签(掌握)
明确:每个标签都有私有属性。也都有公有属性。
html中表示长度的单位都是像素。HTML只有一种单位就是像素。
body:
bgcolor: 背景颜色
background:背景图片
text: 文本颜色


所有的浏览器默认情况下都会忽略空格和空行
P:p代表一个段落
属性: align:对齐方式. 取值:left,right,center
<br>代表是换行。
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)十六进制:#
3)RGB(三原色) : new RGB(124,156,23)
size:字体大小
face:字体类型
特殊字符: <小于>大于& &符号" 双引号'单引号
© 版权™商标 空格
扩展:绐
b: 加粗
strong: 加粗
i:斜体
em: 斜体
u: 下划线
s: 中划线(删除线)
sup: 上标
sub: 下标.

img: 代表是一副图片
属性: src : 图片的路径
两种写法:a) : .. ,分表代表当前目录和父路径
b) :绝对路径
1) : 以盘符开始的路径
eg: C:\Documents and Settings\Administrator\桌面\day01_html\上课示例/images/
2) : 网络路径
eg: ges
width: 宽度
height:高度
Alt:当图片显示不出来