资源描述:
《html网页布局实用模板.doc》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、1html笔记一、HTML的概述(了解)a.html是什么:hypertextmarkuplanguage超文本标记语言超文本:音频,视频,图片称为超文本。.标记:<英文单词或者字母>称为标记.一个HTML页面都是由各种标记组成。b.作用:编写HTML页面。c.HTML语言不是一个编程语言(有编译过程),而是一个标记语言(没有编译过程).HTML页面直接由浏览器解析执行。二、HTML的历史(了解)三、HTML的网络术语(明白)*网页:由各种标记组成的一个页面就叫网页.*主页(首页):一个的起始页面或者导航页面.*标记:
称为开始标记
2、称为结束标记.也叫标签.每个标签都规定好了特殊的含义。*元素:
容
称为元素.*属性:给每一个标签所做的辅助信息。*xhtml:符合XML语法标准的HTML。*dhtml:dynamic,动态的。javascript+css+html合起来的页面就是一个dhtml*http:协议标准。用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP传输协议,ftp:文件传输协议.四、HTML的编辑工具(了解)*.notepad记事本*.editplus:语法高亮显示技巧:根据颜色判断单词是否出错。(不是100%)*.ultraedit:根据
3、颜色判断单词是否出错,可以显示2进制数据.*.dw(dreamweaver,专业工具)代码提示.五、HTML的规(知道)*.HTML是一个弱势语言*.html不区分大小写*.html页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符,比如dos系统)*.html的结构1)声明部分。主要作用是用来告诉浏览器这个页面使用的是那个标准。是HTML5标准。2)head部分:不会显示在页面上。作用是告诉浏览器一些页面的额外信息。3)body部分:我们缩写的代码必须放在此标签內。六、HTML的各种标签(掌握
4、)明确:每个标签都有私有属性。也都有公有属性。html中表示长度的单位都是像素。HTML只有一种单位就是像素。body:bgcolor:背景颜色background:背景图片text:文本颜色1.排版标签所有的浏览器默认情况下都会忽略空格和空行P:p代表一个段落属性:align:对齐方式.取值:left,right,center
代表是换行。hr:color:线的颜色size:线的粗细width:线的长短两种写法:1)绝对值eg:5002)相对值:50%noshade:不要阴影align:对齐方式取值:left,right,centerc
5、enter:容居中pre:预定义格式标签.告诉浏览器不要忽略空格和空行div:块级标签必须单独占据一行属性:align:span:块级标签不换行字体标记2字体标签h1...h6:定义字体大小属性:align:居中font:color:字体颜色颜色的写法有3种:1)英文单词:red2)十六进制:#00ffcc3)RGB(三原色):newRGB(124,156,23)size:字体大小face:字体类型特殊字符:<小于>大于&&符号"双引号'单引号©™商标 空格扩展:ń
6、64;b:加粗strong:加粗i:斜体em:斜体u:下划线s:中划线(删除线)sup:上标sub:下标.3.图像标记img:代表是一副图片属性:src:图片的路径两种写法:a):相对路径路径是相对页面所在的路径两个标记.和..,分表代表当前目录和父路径b):绝对路径1):以盘符开始的路径eg:C:DocumentsandSettingsAdministrator桌面day01_html上课示例/images/1.jpg2):网络路径eg:.baidu./imageswidth:宽度height:高度Alt:当图片显示不出来的时候代替
7、图片显示的容title:提示性文本border:边框热点:就是特定的位置添加超链。4.清单标记列表标签:3种a.无序列表ul属性:type:值:disc(默认,实心原点),square(实心方点),circle(空心圆)b.有序列表
8、(OL)属性:type:取值:1(阿拉伯数字,默认),a,A,i,Istart:从几开始c.定义列表(dl)dt:列表项的标题dd:列表项5.超3种超