Web前端期末复习【超实用】
这本书的HTML内容完完整整总结如下(书上有些属性已过时)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML学习总结</title>
<meta name="keywords" content="关键字1,关键字2,..." />
<meta name="discription" content="网站简介" />
<meta name="copyright" content="本资料版权归Pigeon所有。All Rights Reserved">
<meta http-equiv传送HTTP通信协议标题头="content-type" content="text/html定义文档的MIME类型" />
<meta http-equiv键-值对="refresh" content="3" />
<meta http-equiv="refresh" content="刷新间隔时间;url=页面地址" />
</head>
<body background="图片路径" bgcolor="" bgproperties="fixed" link="" alink="" vlink="" leftmargin="">
" < © ™
& > ®
<h2 align=""><font face="隶书" color="" size="">字号默认为3</font></h2>
<b></b><strong>粗体</strong>
<i></i><cite></cite><em></em><var>斜体</var>
<sup>上标</sup><sub>下标</sub><big>大号字</big><small>小号字</small><u>下划线</u>
<s></s><strike>删除线</strike>
<p>单标记只跟上文产生一空行间隔,双标记则与上下文都产生</p>
两个<br />等效于一个<p>单标记
<pre>
预格式化标记
</pre>
<center>居中标记</center><blockquote>缩排标记</blockquote>
<hr width="" size="" align="" noshade="noshade" color="" />水平线
<ol type="1/a/A/i/I(前导符)" start="3(起始编号)">
<li>有序列表</li>
</ol>
<ul type="disc●/circle○/square■">
<li>无序列表</li>
</ul>
<dl>
<dt>名词一</dt>
<dd>解释一</dd>
<dd>解释二</dd>
</dl>
<img src="" width="" height="" alt="提示文本" vspace="垂直间距" hspace="水平间距" border="" />
<marquee direction="up/down/left/right滚动方向" behavior="scroll/slide/al滚动行为" scrollamount="速值默认为6" scrolldelay="默认100毫秒">滚动字幕</marquee>
<embed src="视频路径" width="" height="" hidden="hidden">嵌入视频</embed>
<object classid="" codebase="url">
<param name="" value="动画路径" />
<embed pluginspage="" src="" type="application/x-shockwave-flash"></embed>
</object>
<bgsound src="音乐路径" loop="-1循环播放"></bgsound>
<applet code="xx.class">Java小程序</applet>
<frameset name="作为超链接的target" cols="水平分割(像素/百分比)" rows="垂直分割" frameborder="默认1(0即no)" framespacing="" />
<noframes><body>浏览器版本过低,不支持框架</body></noframes>
<iframe name="" src="" noresize="省略时可调节窗口大小" scrolling="auto/no/yes" >若要使浮动框架在水平居中,需在外嵌套一个<div align="center"></iframe>
<a href="目标端点" target="_blank新窗口打开/_parent/_search/_self/_top忽略框架在整个窗口中打开"></a>
<!--——www进入万维网
mailto:收件人邮址?subject=主题名&cc=抄送邮址&bcc=暗抄送邮址——E-mail启动邮件发送系统
ftp://——FTP进入文件传输服务器
telnet://——Telnet启动远程登录方式
news://——News启动新闻讨论组-->
<a name="#书签名(内部书签)/file_url#书签名(外部书签链接)" href="脚本链接/文件下载链接">
<img src="图片链接" />
</a>
<img src="地图链接" usemap="#Map" />
<map name="Map">
<area shape="rect/circle" coords="x1,y1,x2,y2前两个是顶点坐标;后两个是右下顶点/x,y,r前两个是圆心;后一个是半径" href="#Asia" alt="亚洲" />
</map>
<table border="像素" bordercolor="" bgcolor="" background="" cellpadding="内容边距" cellspacing="间距默认为2">
<caption align="left/center水平居中/right" valign="top/middle垂直居中/bottom">表格标题</caption>
<tr>
<th></th>
</tr>
<tr>声明一行
<td>声明一单元格</td>
</tr>
</table>
<form name="" action="" method="post/get(P116)" onsubmit="指定处理表单的脚本函数" enctype="设MIME类型,默认application/x-www-form-urlencoded;若需上传文件到服务器时应改为multipart/form-data">
<input type="text/password/file/hidden隐藏域传递value值/radio/checkbox/button默认没字/submit/reset默认写“重置”/image" name="" maxlength="最多可输入" size="默认24" value="默认值" checked="checked" onclick="delete"/>
<script>
function delete(){
if(confirm("确定要删除吗?"))
window.location="delete.jsp";
}
</script>
<select name="fruits" size="2" multiple="multiple">
<option value="apple" selected="selected">选择列表</option>
</select>
css样式表优先级最高 <textarea name="remark" rows="行数" cols="列数"></textarea>
</form>
<!--html(Hypertext Markup Language)超文本传输语言
http(Hypertext Transfer Protocol)超文本传输协议
URL(Uniform Resource Locator)统一资源定位符
W3C(World Wide Web Consortium)万维网联盟
CSS(Cascading Style Sheet)层叠样式表-->
</body>
</html>
这本书的CSS内容总结(书本只列举最常用的东西)
一、标记选择器★
二、字体属性
font-size(绝对大小、相对大小、百分数、具体值pt、px、in)
font-family
font-weight(normal、lighter、bold、bolder)
font-style(normal、italic=oblique)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论