HTML
标记语言
1.HTML的基本语法:
- 标签的定义、分类(单双标签)
- 标签的属性使用<标签名 属性名1="值" 属性名2="值">被修饰的内容</标签名>
- 注释:
- 实体:空格用
   
代替, <用<
代替, >用>
代替。
2.格式化标签
- <p>...</p>
- <center>...</center>
- <pre></pre>
- <ul> </ul>
- <ol> </ol>
- <li> </li>
- <ht/>
- <dl> <ut> <dd>自定义列表
3.文本标签:
- <h1> ... <h6>
- <b> <i> <u>
- <font size="" color="" face=""> </font>
- <sup> <sub> //上标、下标
- <strong> </strong>//加粗显示字体,强调作用
.
.
.
4.图片标签:
- <img ... />
属性:scr:引入图片地址
width/height:宽高
border:边框
alt:图片加载失败(过慢)时提示文字
title:鼠标移动到上面时的提示文字
5.超级链接:
- <a href="网址"></a>
属性:href:链接的地址
target:跳转方式(_blank新窗口,_self当前窗口、默认方式,_top上一窗口,_parent父窗口,自定义窗口名)
链接可以分为
站内链接:<a href="a.html">...</a>
站外链接:<a href="http://www.*.com/a.html" ></a>
mail链接:<a href="mailto:mail地址" ></a>
锚点链接:<a href="#锚点名" >当前页跳转锚点</a>
<a href=".html#锚点名" >跨页面跳转锚点</a>
自定义锚点命:<a name="锚点名">...</a>
6.表格标签:
- <table></table>
- <tr></tr>
- <td></td>
- <caption></caption>
- 属性:table (width,height,border,bgcolor,cellspacing,cellpadding)
tr (height,bgcolor,align)
th\td (height,width,align,valign,colspan,rowspan)
7.表单:
- <form>...</form>表单标签
- <input ... />表单项标签
- <textarea> ... </textarea>表单项标签(多行文本域)
- <select ... > 表单项标签(下拉框)
<option> ... </option>
</select> - 属性介绍:form (action,method="get/post", enctype)
input (type, name, value, disable, acessKey)
type的属性的值:
text:单行文本域
password:密码
radio:单选,checked默认选中属性
checbox:多选,checked默认选中属性
image:图片提交
file:文件上传
button:普通按钮
hidden:隐藏域
submit:提交
reset:重置
textarea (name, cols, rows)
select (name, size="1")
option (value/selected)
8.页面的分帧(HTML框架)
- <frameset></frameset>框架标签
属性:rows, cols - <frame .. />载入分帧页面标签
属性:scr, name,scrolling - <iframe></iframe> 在一个页面内嵌入一个小页面窗口使用
- <noframes></noframes>页面不支持分帧时使用此标签
CSS样式
- 语法:选择符名{属性:值; 属性:值; 属性:值; ... }
注释:/*...*/
- CSS在HTML中的使用方式:
1.内联(行内)
2.内嵌(内部)在网页的head头部标签中,使用style标签嵌入
3.外联(外部)在网页的head头部标签中用link标签导入一个css样式文件,还有在css中使用import导入css文件
优先级:就近原则(当样式冲突时,以最近为主,不冲突则采用叠加效果) - 选择符的种类:
1.HTML选择符:使用HTML标签名
2.类选择符: 在html标签中使用class定义,在css中使用点方式指定
3.ID选择符: 在html标签中使用id定义(要求唯一),在css中使用 # 指定
4.关联选择符(包含式):选择符1 选择符2 选择符3 ... {...}
5.组合选择符(并列式):选择符1,选择符2,选择符3 ... {...}
6.伪类选择符:使用冒号: 是特有的,如a:link, a:active - css的常用属性:
1.字体
2.文本
3.背景
4.边框
5.鼠标
6.列表
7.定位
8.区块
DIV+CSS布局
div和span标签
盒子模型:border, margin, padding
其他属性:width, height, top, left, position, z-index, display