html笔记
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html笔记相关的知识，希望对你有一定的参考价值。
http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。
使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部
meta name keywords
meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：
＜head＞
＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞
＜/head＞
也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站自动搜集；可以设定页面格式及刷新等等。
一、meta标签的组成
meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
1、name属性
name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meat标签的name属性语法格式是：＜meta name="参数" content="具体的参数值"＞ 。
其中name属性主要有以下几种参数：
A、Keywords(关键字)
说明：keywords用来告诉搜索引擎你网页的关键字是什么。
举例：＜meta name ="keywords" content="science, education,culture,politics,ecnomics，relationships, entertaiment, human"＞
B、description(网站内容描述)
说明：description用来告诉搜索引擎你的网站主要内容。
举例：＜meta name="description" content="This page is about the meaning of science, education,culture."＞
C、robots(机器人向导)
说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
content的参数有all,none,index,noindex,follow,nofollow。默认是all。
举例：＜meta name="robots" content="none"＞
D、author(作者)
说明：标注网页的作者
举例：＜meta name="author" content="bluebox,[email protected]"＞
特殊字符
< :<
>:>
空格：
<head>有：
1<title></title>网页标签名称
2<meta http-equiv=“content-type” content=“text/html;charset=utf-8”/>
<meta name=“keywords” content=“html,css”/>
3<style type=“text/css”>p{}</style>
4<script type=“javascript”></script>
5<link rel=“stylesheet” type=“text/css” href=“XXX.css”/>
告诉程序：哥要准备写css了！
Rel是relationship的英文缩写，它描述了当前页面与href所指定文档的关系；
stylesheet就是样式表的意思；CSS是 Cascading Style Sheet（级联样式表）的缩写
html
head
body
header
nav
section也可以在aside下面
article
aside
footer
属性与属性空格
属性值之间分号
标记，元素，属性，属性值
XHTML严谨，HTML5兼容性
HTML 5<!DOCTYPE HTML>
b,i,u,s,sub,sup
块分区<div style=“color:blue;">p /div
行内分区<span style=“">
<p align=“">
<body text=“red” bgcolor=“”>
<!——-->
<hr align width=“50%” color size=“3”/>
<img src width height>
<a href=“X.zip/mailto:[email protected]/顶部的空链接#/javascript:XX/X.asp" target=“_blank或_self"
锚点
1.定义锚点
<a name=“anchorname1”>文本1</a>
2.连接到锚点
<a href=“#anchorname1>文本2</a>
<table width/height/align表格边框粗细/border=“1” 内边距cellpadding＝”” /外边距即单元格之间的距离cellspacing＝“” /bgcolor>
<tr align=“left/right/center” valign=“top/middle/bottom”>
<td align align width height 跨列colspan 跨行rowspan>
表格标题<caption>只1个且紧跟<table>,默认居中
表头<thead>
表主体<tbody>
表尾t<tfoot>
<table>
<caption>
<th>
<tr>
<td rowspan/colspan=“">
<tbody>
<tr>
<td rowspan/colspan=“">
<thead/tfoot>
<tr>
<td rowspan/colspan=“">
列表
<ol type=“列表类型1/a/A/i/I” start=“起始编号3”>
<ul type=“disc默认的实心圆/circle空心圆/square实心矩形>
dl列表
dt术语
dd术语的具体定义
表单
<form action method enctype name=“">
<input type value name disable/>
<input type=“text/password” 名称name=“” 访问者自由输入的仁义文本value=“” maxlength=“” readonly/>文本框与密码框
<input type=“radio/checkbox” 设置名称，并用于分组，一组单选框或复选框的名称必须相同name=“” 文本，当提交form时，如果选中了此单选按钮，那么value就被发送到服务器value=“” checked/>单选框和复选框
<input type="submit/reset/button” name=“” value=“按钮上显示的文本/>按钮
<input type=“hidden” name=“” value=“”/>隐藏域
这种类型的输入元素实际上是隐藏的。这个不可见的表单元素的 value 属性保存了一个要提交给 Web 服务器的任意字符串。如果想要提交并非用户直接输入的数据的话，就是用这种类型的元素。
<input type=“file” name=“”/>文件选择框
<input type=“checkbox” name=“A” id=“A”/>
<label for=“A”>文字</label>
点击文字等于点击checkbox
选项框
<form action method enctype name=“">
<select name=“”选项框命名 size=“”大于1，则为滚动列表；显示几个 multiple=‘‘>
<option value selected>选项文字</option>
<form action method enctype name=“">
<textarea name rows cols></textarea>多行文本输入框
为控件分组
<form action method enctype name=‘‘>
<fieldset>为控件分组
<legend>被包围的标题</legend>
地址：<input type=“text”/>
<br/>
邮编：<input type=“text”/>
</fieldset>
浮动框架：页中页
<iframe src=“” height weight></iframe>
<mark>需要高粱的文本</mark>
<time datetime=“2011-7-11T0:30>凌晨0点30分</time>
摘要和细节
<details>
<summary>标题</summary>
<div>
发票抬头:<input type=“text”><br/>
发票内容:<input type=“text”>
</div>
</details>
度量
设备1:
<meter value="10" min="0" max="100" title="50"></meter>%
以上是关于html笔记的主要内容，如果未能解决你的问题，请参考以下文章