一、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>
其他
特殊符号—
空格:
大于(>):>
小于(<): <
引号(”):"
版权号() :©;