您的位置：首页 > Web前端 > HTML

HTML学习笔记

2015-04-11 23:58 253 查看

1.块元素：<p><h1><h2>...<blockquote><div> 内联元素：<q><a><em><img><span>

2.链接：<a href="路径" title="内容" target="_blank"(链接到一个新窗口)>链接文字</a>

3.图片引用：<img src="图片路径" width=""(宽) height=""(高) >

4.列表：<ol>(有序表) <ul>(无序表) <li>(列表项)

<dl>(列表) <dt>(列表项) <dd)(列表项定义)

5.表格：<table summary="表格摘要（不显示）">

<caption>表格标题</caption>

<tr> //行

<th>标题</th> //列

<td rowspan="2"(扩展为两行)>内容</td>

</tr>

</table>

6.input表单: text(文本框) submit(按钮) radio(单选) checkbox(复选) password(口令) file(文件输入)

选择列表：<select>

<option value="">option1</option>

<option value="">option2</option>

</select>

文本框:<textarea name="" rows="10"(长) cols="48"(宽)></textarea>

边框样式的表单：<fieldset>

<legend>表单标题</legend>

表单

</fieldset>

表单工作：<form action="" method="">

表单内容

</form>

7.布局命名：container、header、menu、comtent、footer

8.元素：<code> 计算机程序代码

<address> 地址信息

<strong> 着重强调

<pre> 格式化文本

<hr> 画水平线

9.图像格式：jpeg(有损压缩，照片和复杂图片)、gif(无损压缩，网页动画，logo)、png(支持jpeg和gif，不是所有浏览器都支持png)

10.链接到目标瞄：建立瞄 <a id="ccc"> 链接瞄 <a href="路径#ccc"></a>

11.html特殊字符编码大全：http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html

12.搜索引擎

1）提高搜索排名：<meta name="标题" content="概要" > alt、title的关键词容易被搜索引擎检索到

2）阻止其列入搜索引擎列表：<meta content="noindex,nofollow"/>

13.HTML、XHTML、HTML5写法上的差别

1）.HTML

1)css文件引用：<link rel="stylesheet" type="text/css" href="css文件">

js文件引用：<script type="text/javascript" src="js文件"></script>

css直接引用：<style type="text/css">css</style>

js直接引用：<script type="text/javascript">js</script>

2)<body>里面只能放置块元素，所有内元素及文本必须放置块元素里

<blockquote>里只能引入块元素

2）.XHTML

1）空元素末尾有/> 例：<br/>

3）.HTML5

1)首部 <!document html>

2)<meta>标记 <meta charset="gb2312">

3)css文件引用：<link rel="stylesheet" href="css文件">

js文件引用：<script src="js文件"></script>

css直接引用：<style>css</style>

js直接引用：<script>js</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航