HTML知识点简介.docVIP

HTML简介 HTML文档基本结构 HTML —— HyperText Markup Language 超文本标记语言 html head title标题/title /head body 内容…… /body /html 书写建议： 标签要么全大写，要么全小写。 标签要成对书写。 标签有嵌套结构并换行时，要采用缩进格式。 属性值可以用双引号引起来，也可以用单引号引起来，要保持一致的风格。 例如：h1 align=”center” HTML常用文本标签 换行：br 段落：p 标题：h1 ~ h6 文本预格式：pre 粗体：b 斜体：i 下划线：u 下标：sub 上标：sup 无序列表：ul 内嵌 li 有序列表：ol 内嵌 li 水平线：hr 滚动：marquee 重要属性：direction 图像：img 链接：a 要明白相对路径和绝对路径的写法 实体字符：nbsp; 空格 还有其它的参考PPT或帮助文档 HTML中的表格、框架集和框架 表格标签：table 表格行标签：tr 表格单元格标签：td 重要属性：colspan 跨列 rowspan 跨行 1、计算出表格的行数和列数（注意：按多的算） 框架集：frameset 重要属性：rows 按行划分 cols 按列划分 框架：frame 重要属性：src 指定显示的页面文件名 内嵌框架：iframe 如果不需要整个页面都是框架结构，可以使用内嵌框架 HTML中的表单及表单元素 表单标签： form method=”GET | POST” action=”提交地址” 表单元素…… /form 各种表单元素： input type=”……” text 文本框 password 密码框 checkbox 复选框 radio 单选框 file 文件选择框 submit 提交按钮 reset 重置按钮 button 普通按钮 textarea 多行文本框 select 内嵌 option 下拉列表框 表单元素通常需要有 name 属性，表示表单元素的名字。 CSS+DIV布局以及常见的CSS样式 CSS —— Cascade Stype Sheet 层叠样式表 样式表的三种选择器： 标签选择器 例如：h1 td a 类选择器（以点开头） 例如：.myText .myAnchor ID选择器（以#开头） 例如：#onlyYou 伪类选择器（:动作） 例如：a:hover (当鼠标停在标签上 样式表的三种书写位置： 行内样式：在标签中直接用 style 属性 例如：h1 id=”title” style=”color:green;” 一级标题 /h1 b) 内嵌样式：在html的head部分用style标签，内部写样式 例如： html head style type=”text/css” #title { color:green; } .myText { color: red; } /style /head body h1 class=”myText”一行文本/h1 /body /html 外部样式：将样式写成一个后缀为.css的文件，然后在页面上用 link 标签引 用样式 例如： myStyle.css文件中 .myText { color: red; } 则在我们的任何页面中，都可以。 html head link type=”text/css” rel=”stylesheet” href=”myStyle.css”/ /head body h1 class=”myText”一行文本/h1 /body /html 层布局：DIV +ＣＳＳ 主要用到的样式属性： width , height 宽高 margin 外间距 padding 内间距 float 浮动 clear 清理