一、html
什么是 HTML？
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
加载的顺序，浏览器在获取了一个html文档时，会 自上而下 地进行加载，在加载过程中进行解析渲染
meta标签
<meta>元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
**注释： 标签永远位于 head 元素内部。
注释：元数据总是以名称/值的形式被成对传递的。**
作用：例，描述文档类型和字符编码
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
常用标签
<!DOCTYPE>声明
<!DOCTYPE html>的重要性？
1作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。
document.compatMode：
BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。
这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,
这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。
如果你的页面添加了<!DOCTYPE html>那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的
标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。
这就是<!DOCTYPE html>的作用。
2 使用：<!DOCTYPE html>
2.1 使用也很简单，就是在你的html页面的第一行添加"<!DOCTYPE html>"一行代码就可以了
2.2 jsp的话，添加在<%@ page %>的下一行。
2.3 不用区分大小写多行文本框
<textarea name="... " cols="列宽" rows="行宽">
文本内容
</textarea>图片
<img src= "图片地址" alt="提示文字" title="提示文字" />超链接
<a href="链接地址" target="目标窗口位置"> 链接热点文本或图像</a>有序列表
<ol>
<li>列表项1</li>
… …
</ol>
无序列表
<ul>
<li>列表项1</li>
……
</ul>
换行标签
<br/>文档中的分区或节
<div >
...
<h3>This is a header</h3>
<p>This is a paragraph.</p>
...
</div>
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。span 标签被用来组合文档中的行内元素。
<p><span>some text.</span>some other text.</p>
//这里的span不会换行，而div是换行的表单
<form action="表单提交地址" method="提交方法">
… 文本框、按钮等表单元素…
</form>
例：
<form action="login.jsp" method="post">
<p>用户名：<input name="username" type="text" size="20" maxlength="10" /></p>
<p>密 码：
<input name="pwd" type="password" size="20" /></p>
<p><input type="submit" name="btn" value="提交" />
<input name="reset" type="reset" value="重填" /></p>
</form>input表单元素的基本格式
<input name="表单元素名称" type="类型" value="值" size="显示宽度"
maxlength="对大长度" checked="是否选中" />
注：隐藏域，方便服务器端“记住”客户端的信息、但又不希望客户看到的数据
<input type="hidden" name="…." value="…" />下拉列表框
<select name="指定列表名称" size="行数">
<option value="选项值" selected="selected">…</option>
… …
</select>表格
<table>
<tr>
<td>第1个单元格的内容</td>
<td>第2个单元格的内容</td>
......
</tr>
<tr>
<td>第1个单元格的内容</td>
<td>第2个单元格的内容</td>
......
</tr>
</table>
frameset
frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。
例：
<html>
<!--如果页面中出现了框架了 就不能出现body了.-->
<frameset rows="20%,*">
<frame src="base1.html" name="top">
<frameset cols="20%,*">
<frame src="base2_img.html" name="left">
<frame src="base3_liebiao.html" name="right">
</frameset>
</frameset>
</html>iframe 元素会创建包含另外一个文档的内联框架（即行内框架）
例：
<html>
<body>
<iframe src="/i/eg_landscape.jpg"></iframe>
<p>一些老的浏览器不支持 iframe。</p>
<p>如果得不到支持，iframe 是不可见的。</p>
</body>
</html>其他
特殊符号—
空格：
大于(>)：>
小于(<）: <
引号（”）："
版权号() ：©；
扫一扫
2084
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
