[html笔记.pptVIP

HTML课程 总结复习 框架 html head title/title meta httli-equiv=Content-Type content=text/html;charset=GB2312 / link rel=stylesheet type=text/css href=上机练习二.css style type=text/css /style /head body /body /html 第一章 HTML 定义：hyper text markup language（超文本标签语言） 作用：（编写网页） 基本结构： html head title**标题名**\title /head boby h1****/h1 h2****/h2 h3****/h3 h4****/h4 h5****/h5 h6****/h6 /body /html 浏览器 解释和执行HTML源码 IE firefor appiesafari goole chrome 第一章 HTML头部 notepad plus 后缀名 : .html 或 .htm title 网页的标题 meta 描述文档类型和字符编码 meta http - equiv = Content - Type content = text / html; char set = gb2321 gb2321（简体中文（包含中文和英文的页面）） ISO-885901（纯英文页面） big5: (带繁体字的页面) utf-8：（通用的字符编码 适用于中英文页面（对网页性能有一定的影响）） 收索关键字和内容描述:meta name = keywords content内容描述。/ meta name = 第一章 HTML主体部分 body主要放置各类标签 块级标签 块级显示必须独占一行 基本块级标签 标题标签 从 h1 ~ h6 段落标签 p 水平线标签 hr/ 用于布局的块级标签 有序列表标签ol ol li填写信息/li /ol 无序列表标签ul 把ol改成ul就行了 描述标签 dt描述标题/dt dd描述内容/dd dl描述 第一章 表格标签table td 格子 tr 一行 表单标签form 分区标签div height 高度 width宽度 background颜色（网页制作手册里查） div style = width:400px; height:300px;background:#FF 行级标签 按行显示不用换行 图像标签img dtimg src = 文件夹名/图片名.后缀名 alt 内容 title= 内容 //dt （同一文件夹下不用加文件夹名） 范围标签span dd商品价格：span style = color:red;font - size:50PX; 8/span元/dd 换行标签br/ 好无聊br / 四种不同的布局结构 div - ul(ol) - li //常用于分类导航或菜单等 div - di - dt - dd //常用于图文混编场合 table - tr - td //图文布局和数据显示 form - table - tr - td //常用于布局表单 第二章 超链接a标签 a href = 链接地址 target=-blank/-self链接内容/a div style = text-align:center //放在中间 center（中间） 链接地址： 相对路径；（在同一根目录中不论文件在哪个盘都能用） ../（跳回一个页面） 绝对路径（必须在同一个盘才能用） 应用场合 页面间链接 锚链接 功能性链接 特殊符号 空格 nbsp; gt; lt; quot 版权符号 copy 第二章 form （表单） form action fom action提交地址 method=get fom action提交地址 method=post (一般用post) 表单元素 input name=表单元素的名称 type=类型 value=值 size =宽度 / type=text !- -单行文本框 - - type=password !- - 密码框 - - type=button 普通按钮 type=submit 提交按钮 type=reset 重置按钮 type=image 图片按钮 type=radio 单选按钮 checked=checked 是否被选中 type=radio 单选框 type=checkbox 多