起始:html/html
头部:head/head
标题:title/title
主体:body/body
声明:meta ”/
分级标题:h1/h1h2/h2h3/h3h4/h4h5/h5h6/h6
上标:sup/sup
下标:sub/sub
空格:
大于():
小于():
引号(“”):"
版权号():copy;
段落标签:p/p
换行标签:br /
水平线标签:hr /
范围标签:span/span
图像标签:img original=”图片地址” alt=”图像的替代文字” title=”鼠标悬停提示文字”/
超链接基本语法:a href=”链接地址” target=”目标窗口位置”连接文本或图像/a
target属性:
_blank:将链接的文档加载到一个未命名的新浏览器窗口中ID嵌套样式问题。
_parent:将链接的文件加载到含有该链接的框架集窗口中,如果包含链接的框架不是嵌套的,则链接文件加载到整个浏览器窗口中ID嵌套样式问题。
_self:将链接的文件加载到该链接所在的同一框架中,此目标是默认的,所以通常不用指定它ID嵌套样式问题。
_top:将链接的文件加载到整个浏览器窗口中,因而会删除所有框架ID嵌套样式问题。
页面间链接:href=”其他页面地址”
锚链接:a name=”marker”目标位置乙/a a href=”#marker”当前位置甲/a
功能性连接:
回到主页:a href=”index.html”回到主页/a
播放音频文件:a href=”sound.wav”播放音频文件/a
脚本链接:a href=javascript(”感谢你ID嵌套样式问题,选择了BENET”)我想学习网络工程师/a
下载链接:a href=”document.doc”BENET教学大纲下载/a
邮件链接:a href=链接地址BENET课程邮箱/a
图片超链接:a href=”链接地址” target=”目标窗口位置”图片/a
无序列表标签:ulli/li/ul
有序列表标签:olli/li/ol
定义列表标签:dldt/dtdd/dd/dl
注释(body中)!--注释内容--
注释(head中)/*注释内容*/
表格标签:tabletrtd/td/tr/table
跨多行标签:td colspan=”所跨列数”内容/td
跨多列标签:td rowspan=”所跨行数”内容/td
表格标题caption内容/caption
表格表头:th内容/th
表格数据分组标签:
页眉:thead内容/thead
数据主体:tbody内容/tbodty
页脚:tfoot内容/tfoot
文字与边框距离:cellpadding
表格内框宽度:cellspacing
表格嵌套:tabletrtdtabletrtd/td/tr/table/td/tr/table
表单标签form name=”名字” method=”post或get(提交方式前者更安全)” action=”提交地址”/form
文本框:input type=”text” value=”文本框初始值” size=”文本框显示宽度” name=”名字”/
密码框:input type=”password” value=”密码框初始值” size=”密码框显示宽度” name=”名字”/
单选按钮:input type=”radio” value=”按钮后显示的文本” checked=”checked”(是否默认选中) name=”名字”/
复选框:input type=”checkbox” value=”初始值(不显示)” checked=”checked” (是否默认选中) name=”名字”/文本内容
列表框:select name=”名字” size=”行数”
option value=”可选项值” selected=”selected”(是否默认选中)文本内容/option/select
提交按钮:input type=”submit” value=”显示文本” name=”名字”/
重置按钮:input type=”reset” value=”显示文本” name=”名字”/
普通按钮:input type=”button” value=”显示文本” name=”名字”/
图片按钮:input type=”image” original=”图片地址” value=”初始值(不显示)” name=”名字”/
多行文本框:textareaa name=”名字” cols=”” rows=””初始文本内容/textarea
只读:readonly=”readonly”
禁用:disabled=”disabled”
文件域:input type=”file” name=”名字”
/form
内嵌框架:iframe original=”内嵌框架的URL” height=”内嵌高度” width=”内嵌宽度” frameborder=”是否显示框架边框” name=”内嵌标识名” scrolling=”是否有滚动条”/iframe
属性scrolling的值:no 不显示滚动条;yes 显示滚动条;auto 根据内容选择
CSS基本结构:
style type=”text/css”
选择器{对象属性:属性值
对象属性:属性值}
/style(写在head内)
外部CSS样式表应用时:link href=”css文件名字.css” rel=”stylesheet” type=”text/css”/(写在head内)
外部样式表写法:@charset”utf-8”
选择器{对象属性:属性值
对象属性:属性值}
标签选择器:标签名{对象属性:属性值}
类选择器:.类名{对象属性:属性值}
ID选择器:#ID标识名{对象属性:属性值}
选择器集体声明:选择器1,选择器2{对象属性:属性值}
选择器嵌套声明:选择器1 选择器2{对象属性:属性值}
文本字体:font-family 可以设置一系列字体
文本字体大小:font-size 以像素为单位
文本字体粗细:font-weight 以像素为单位
属性值:normal 默认值 400px
bold 粗体文本 700px
lighter 更细的文本 100px以内
或100~900px(必须为整数)
文本字体样式:font-style
属性值:normal 默认值 正常
Italic 斜体
简写代码:font:粗细 字号/行高 字体类型
设置文本行高:line-height
属性值:normal 默认值 以像素为单位
英文以小号的大写字体显示:font-variant
英文文本大小写显示:text-transform
属性值:capitalize 每个单词大写字母开头
uppercase 大写显示
lowercase 小写显示
none 默认值
文本装饰效果:text-decoration
属性值:overline 顶划线
line-through 删除线
underline 下划线
none 默认值(无)
文本颜色:color
属性值:英文颜色单词或调色板代码
段落属性:
字符间距:letter-spacing(中文)word-spacing(英文) 以像素为单位
垂直对齐方式:vertical-align
属性值:top 顶端对齐
bottom 底端对齐
middle 中间对齐
水平方式对齐:text-align
属性值:left 左对齐
right 右对齐
center 局中对齐
文本首行缩进:text-indent
属性值:以像素为单位ID嵌套样式问题,值为2个字符像素加上字符间距像素
文本是否自动折行:white-space
属性值:nowrap 不自动折行
border边框属性设置
边框宽度:border-width
边框样式:border-sytle
边框颜色:border-color
边框对应位置:border-top(上)
border-bottom(下)
border-lift(左)
border-right(右)
实线:solid
虚线:dashed
点划线:dotted
双划线:double
简化代码:border:宽度 样式 颜色
border-方向(上右下左):属性(宽度、样式、颜色)
border-属性(宽度、样式、颜色):方向(上右下左)
图像大小设置 属性为宽(width)、高(height) 值为百分比或像素
左对齐:text-align:left
右对齐:
居中对齐:
顶端对齐:
底端对齐:
中间对齐:
背景属性:background
背景颜色:background-color
背景图片:background-image
背景平铺方式:background –repeat
属性值:repeat 默认值 横纵向都平铺
repeat-x 横向平铺
repeat-y 纵向平铺
no-repeat 不重复平铺
背景出现初始位置:background –position
属性值:Xpx Ypx
基本属性(如左对齐、右对齐)时:Y X
是否随页面滚动:background –attachment
属性值:fixed 固定
scroll 滚动
简写代码:
background:背景色 背景图片 重复平铺 固定滚动 初始位置
021yin.com 了解