HTML基础总结

Heaven-Young

于 2016-10-24 12:21:19 发布

阅读量303

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/tian19911217/article/details/52910508

版权

HTML 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

HTML（HTML5）
CSS
JavaScript

B/S 浏览器/服务端
C/S 客户端/服务端

<head></head>
<body>:bgColor,backgroud
<b><i><u><s>中划线<sup><sub>上下划线
<font>:size,color,face
<p>：段落 align
<hr>:size,color,width,noshade(无值)
<pre>: 预排版（所见即所得，保留空格，换行）
<h1>---<h6>:标题 align
<div>:用于排版，一般与CSS配合块元素
<span>:用于排版，一般与CSS配合行内元素
<marquee>:滑动 direction(滚动方向),width,height,bgColor,scrollAmout(滚动步长),scrollDelay(两步停留时间),loop(循环次数)

块元素：单独占一行 <p>(之间有空行)<div><h1><pre><ul><li><ol>
行内元素：不独占一行 <font><b><i><u><s><sub><sup>

块元素内嵌套行内元素

空格： 
<：<
>：>
&：&
¥：¥
*：×
%：÷

项目符号<ul>无序列表<ol>有序列表<li>

<img: width,height,border,src(相对路径),align(图文混排),hspace,vspace(与左右上下文字距离)
<a>:href(绝对/相对),target(目标在哪个窗口打开) _blank(新窗口)_self(当前窗口)_parent _top,name(定义锚点名称)

绝对路径：1、远程：http://www.sina.com.cn 2、本地：file://E:/....../3.html
相对路径：1、当前:a.png 2、下层:image/b.png 3、上层:../../day1/c.html

特殊链接：1、下载（除能直接访问的.png、.xls、.html、.txt等）
2、邮箱：mailto:aaa@qq.com
3、空连接：#
4、JS链接：eg:javascript:window.close()

网页中颜色：1、blue,gray 2、rgb(255,0,166) 3、#FF0078

锚点：网页指定位置跳转 <a href="文件名#锚点name"></a>
<meta>：网页元信息与content配合
http-equiv：模拟http头信息（设置字符集、自动刷新）
name：搜索关键字、版权信息、作者、描述信息等

表格<table><tr><td><th>(居中+加粗)
<table>：width,height,align,border,bodercolor,bgcolor,background,cellpadding,cellspacing
<tr>:bgcolor,height,align(内部水平),valign（内部垂直）
<td>/<th>:width,height,bgcolor,align,valign,rowapan,colspan(上下左右合并：放在前边单元格)
<caption>:表格标题（table子标记，默认居中？）
表单
<form>:name,method(提交方式get/post),action(指定处理文件，默认指给自己),
enctype（只post有用）
application/x-www-form-urldecoded 默认
multipart/form-data 上传文件时候用
无name属性的表单元素，服务器无法获得值。（eg：确认按钮，无需传）
<input> type name value
text:size,maxlength,readonly,disabled
radio:单选 checked
checkbox:多选 checked
submit:提交按钮
reset:重置按钮
image:图片按钮 src （与提交按钮一样）
button:普通按钮（无功能，与JS配合）onclick
file:文件域（value为文件路径，只读，只能选地址，不能自己写）
hidden：隐藏域（看不见的框，可传参rg：id）
<select>:下拉列表 name
<option> value selected

排网页：目前主流div+CSS

图片热点：一张图加多个链接
<img src="" usemap="">
<map id="Map?">
<area shape="形状" coords="坐标" href="地址">
rect(矩形) x1,y1,x2,y2
cicle(原型) x,y,r

框架：将一个浏览器分成若干窗口，每个窗口对应一个网页
框架集：<framset> 划分窗口无body
框架页：<frame> 指地址
<framset cols="200,*" frameborder="yes" border="5">
左右型，左200，右其他
<frame src="left.html">
<frame src="right.html">
框架的PID必须为特定的
<framset>：cols(左右分),rows(上下分),framborder(1/0、yes/no),border(粗细)
<frame>:src(路径),noresize(是否可调窗口大小),scrollong(是否显示滚动条),
auto(内容是否起yes/no),name(当前窗口名称)(<a>taget跳至的目标)
<noframes>:当浏览器不支持框架时候显示的提示信息。

内嵌框架<iframe>:在现有网页中，挖出一块，是body的子标记
<iframe>:src,width,height,frameborder,boder,name,align(混排)