4 htmlCSS&图像&表格&列表&表单&框架&颜色
CSS: Cascading Style Sheeet 层叠样式表 cascadig:瀑布
- html:网页的结构
- css:网页的外观
- JavaScript:网页的动作
CSS的使用方式:
- 内联样式:在HTML元素中使用style属性
- 内联样式表:在HTML文档头部<head>区域使用<style>元素来包含CSS
- 外部样式(最好方式):使用外部CSS文件(link标签引入)
HTML图像标签:
常用属性:
- src: 文件路径
- alt: 浏览器无法载入图像时显示的信息。
- hight,width:宽,高
- border:图像边框
- align:对齐方式
html表格:
标签:
- th:table head 表格头,加粗
- tr: table row 表格行
- td: table data cell 单元格,一行有几个表格
- caption:标题(在新版本已经弃用)
属性:
- border(属性):边框
- width,hight:宽、高
- bgcolor:背景颜色
- background:背景图像,需要提供url
- bordercolor:边框颜色
- cellpadding:单元格的边框和内容之间的距离. pad 填充,护垫
- cellspacing:表格的单元格之间的距离
- colspan:合并列
- rowspan:合并行
HTML列表:
- ol:定义有序列表
- ul:电仪无序列表
- li:定义列表列项
HTML区块:
- 通常使用div和span标签将元素组合起来
- 大多数HTML元素被定义为块级元素或者内联元素
- 块级元素在浏览器显示时,通常会以新行来开始,如h1,p,ul,table标签
- div和span本身皆没有特定的含义,区别是div单独占一行,而多个span之间并不会自动换行
HTML表单:
- 表单form是一个包含表单元素的区域
- 表单元素允许用户输入内容,如:文本域textarea、下拉列表select、单选框radio、复选框checkboxes等等
HTML框架:
- <iframe>标签规定一个内联框架,可以在当前HTML文档中嵌入另一个文档
- 通过使用框架可以在同一个浏览器窗口中显示 不止一个页面
- <iframe src="URL"></iframe> url执行不同的网页
常用属性:
- height,width:宽高
- frameborder:定义iframe是否显示边框,当frameborder为0,移除边框
- class,id,style,title
HTMLframeset标签:(H5不支持)
<html> <head></head> <frameset border="2" frameborder="1" framespacing="2" rows="20%,*"> <frame src="title.html" noresize scrolling="no"> <frameset border="4" frameborder="1" framespacing="4" cols="30%,*"> <frame src="menu.html" scrolling="auto" noresize> <frame src="content.html" scrolling="yes" noresize> </frameset> </frameset> </html>
- frameset:建立框架的标记,将在其中定义各个框架
- frame src: 指示框架显示内容url地址
frameborder
-设置边框, 0值表示没有边框border
- 修改边框的粗细(由Netscape浏览器使用)framespacing
- 修改边框的粗细(由Internet Explorer浏览器使用)name
属性命名每个框架noresize不允许用户更改其尺寸
scrolling
用于设置滚动条是否显示
HTML颜色:
- HTML采用RGB颜色,通过对红绿蓝三个颜色通道的变化以及他们相互之间的叠加来得到各式各样的额颜色
- 每个颜色的最小值是0(#00),最大值是255(#FF),16进制,一共有1600万种颜色
- 颜色名:141个颜色名称是在HTML和CSS颜色规范中定义
- 17标准颜色:黑色,蓝色,水,紫红色,灰色,绿色,石灰,栗色,海军,橄榄,橙,紫,红,白,银,蓝绿色,黄色
- 颜色值:#000或#000000或rgb(0,0,0),范围00~FF