|
html 1、简介 html用于描述网页，Hyper Text Markup Language超文本标记语言，不是编程语言。 标签，浏览器使用标签解释页面。所有标签都应该关闭、小写（新版本要求），属性值建议使用双引号。 元素，是指从开始标签到结束标签中的所有代码。 属性， 基于内容的样式和物理样式 编辑器：Adobe Dreamweaver、Microsoft Expression Web、CoffeeCup HTML Editor 块级元素:浏览器默认为块级元素前后加一行空行，如<h1>、<p>、<div>、<ul>、<table> 内联元素：如<span> 2、标签 标题<h1>-<h6>,搜索引擎根据标题制定索引。 段落<p></p> 换行<br /> 链接<a href=""></a> 锚<a name=""></a>可以用id代替name，请始终将正斜杠添加到子文件夹，否则就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求 电子邮件<a href="mailto:xx@163.com?cc=11@163.com&bcc=22@163.com&subject=Hello%20again&body=hello%20test">mail</a> 图像<img src="" alt="图像无法载入时，显示此内容" ismap/> <map> <area> <img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="/example/html/venus.html" target ="_blank" alt="Venus" /> </map> 水平线<hr /> 注释<!-- --> 不建议使用：<font><center> 文本格式化：以下为物理样式，避免使用。 大号字<big>、小号字<small> 着重<em>、加强<strong>、粗体<b> 上标<sup>、下标<sub> 插入<ins>、删除<del> 斜体<i> 计算机输出： 计算机代码<code> 键盘码<kbd> 代码样本<smp> 打字机代码<tt> 变量<var> 预 格式<pre> 引用、引用和术语定义 缩写<abbr> 地址<address> 文字方向<bdo> 长引用<blockquote>:浏览器会插入换行和外边距 短引用<q> 引用<cite> 定义项目<dfn> 样式： 资源引用<link> <style> 外部样式表：<link rel="stylesheet" type="text/css" href="1.css"/> 内部样式表:<style type="text/css"></style> 内联样式表:style="text-decoration:none" <span> <div> 表格 单元格内容为空，可能导致边框无法显示。 <caption> <table border="1" cellpading="1" cellspacing="1">cellspacing单元格间距 <tr> <th><td> colspan、rowspan valign 列表 无序<ul type="circle"><li> 有序<ol type="i" start="50"><li> 自定义列表：<dl><dt><dd> 表单 表单：<form action=""> 文本:<input type="text"> 密码:<input type="password"> 单选框:<input type="radio"> 复选框:<input type="checkbox"> 下拉框：<select name=""><option value=""></option></select> 选项组： <optgroup label="Cars"> 文本域：<textarea rows="10" cols="30"></textarea> 边框:<fieldset><legend>info</legend></fieldset> 提交：<input type="submit"> 重置：<input type="reset"> 框架 frameset不能和body一起使用。 <frameset cols="25%,75%"><frame src="1.html"><frame src="2.html" name="contentFrame"></frameset> 边框不可见属性：noresize="noresize" 为不支持框架的浏览器添加： <noframes> 标签，该标签如果需要添加文字,则需要加上body标签中<noframes><body>浏览器不支持框架</body></noframes> 内联框架 <iframe src="" frameborder="0" width="200" height="200"> </iframe> 头部元素 <head>中包含的元素 <title> <base>定义页面上所有链接的默认地址或默认目标：<base target="_blank" /> <link>：定义文档与外部资源的关系 <style>：定义文档的样式信息。 <meta>:用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="desc" content="HTML, CSS, XML" />部分搜索引擎会利用meta的name和content元素来索引页面： <meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript"> <meta name="author" content="w3school.com.cn"> <meta name="revised" content="David Yang,8/1/07"> <meta name="generator" content="Dreamweaver 8.0en"> 重定向：<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" /> <script> :定义客户端脚本，有可能浏览器没法识别 <script> 标签，应该将脚本隐藏在注释标签当中。 <script type="text/javascript"> <!-- document.write("Hello World!") //--> </script> <noscript>Sorry, your browser does not support JavaScript!在浏览器不支持script时，才执行noscript中的内容</noscript> 3、属性 href、align、bgcolor、border、class、id、style、title target：_blank、_top html4中已废弃：背景颜色：bgcolor 背景图片：background 4、高级 <!DOCTYPE>:不是html标签，它告诉浏览器html是用什么版本编写的。常用声明如下： HTML5:<!DOCTYPE html> HTML 4.01:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www./TR/html4/loose.dtd"> XHTML 1.0:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd"> URL: scheme:定义因特网服务类型，如http（超文本传输协议）、https（安全超文本传输协议，加密所有信息交换。）、ftp（文件传输协议）、file（计算机上的文件） host:定义域主机 http默认为www domain：定义因特网域名 port：定义主机端口号 path:定义服务器上的路径 filename：定义文档/资源名称 URL 只能使用 ASCII 字符集来通过因特网进行发送 URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。 URL 不能包含空格。URL 编码通常使用 + 来替换空格。 1、CSS简介 使用 CSS 最大的好处是，如果把 CSS 代码存放到外部样式表中，那么站点会更易于维护。通过编辑单一的文件，就可以改变所有页面的布局。 标签名+#+id名，如div#content{} css属性： 颜色：background-color 大小：width、height 位置：text-align |
|
|
来自： 昵称15431063 > 《mata日记》
