html网页布局模板精品word.docx

html网页布局模板1html笔记一、HTML的概述(了解) :hypertextmarkuplanguage超文本标记语言超文本:音频,视频,图片称为超文本。. 标记:<英文单词或者字母>。:编写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)声明部分。主要作用是用来告诉浏览器这个页面使用的是那个标准。<!doctypehtml>是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(三原色):newRGB(124,156,23) size:字体大小 face:字体类型特殊字符:&lt;小于&gt;大于&amp;&符号&quot;双引号&apos;单引号&copy;版权&trade;商标&nbsp;空格扩展:&#32464; b:加粗 strong:加粗 i:斜体 em:斜体 u:下划线 s:中划线(删除线) sup:上标 sub: img:代表是一副图片属性:src:图片的路径两种写法:a):..,分表代表当前目录和父路径 b):绝对路径 1):以盘符开始的路径 eg:C:\DocumentsandSettings\Administrator\桌面\day01_html\上课示例/images/ 2):网络路径 eg:ges width:宽度 height:高度 Alt:当图片显示不出来的时候代替图片显示的内容 title:提示性文本 border:边框热点:就是特定的位置添加超链。<imgsrc="images/"width="300"height="300"usemap="#Map"border="0"/> <mapname="Map"id="Map"> <areashape="circle"coords="122,81,38"href=""/> </map>:3种 属性:type:值:disc(默认,实心原点),square(实心方点),circle(空心圆) (OL) 属性:t