html→超文本标记语言
常用标签:h标签(标题)HTML定义了<h1>到<h6>六个h标签,分别表示不同大小的字体,h1最大,h6最小
<br/>回车,<p>分段,<p>标签前后会有比较大的空白,而<br/>则没有
<center>居中显示</center>
<b>粗体显示</b> <strong>同样表示粗体显示</strong> <i>斜体显示</i> <u>带下划线显示</u>
<em>强调,斜体</em>
<sub>2</sub>此时这个数字2会在下标显示
<sup>2</sup>此时这个数字2会在上标显示
<font></font>字体标签 <font size="2" color="blue" face="宋体"></font>
size属性表示字体大小,数值为1-7,依次增大,color属性表示颜色,face表示采用何种字体,在地址C:\WINDOWS\Fonts可以查看本机有哪些字体
<hr>单横线,可设置size(厚度),width(宽度),align="left"对齐方式等属性
<pre></pre>预格式化,保留原样输出
html编码,用于显示一些特殊字符,有特殊含义的(<、>)以及键盘上无法输入的字符
html编码用&开头,用;结束,例如<表示<,但这样表示仅限于当<被浏览器认定为标签时游戏,即<、>
连起来用,且中间带有英文字符
表示空格,一个 表示一个空格
常用的html编码,&→& html编码查询www.htmlhelp.com/refrence/charset
html与xml的异同:
相同:都是标记语言,采用相同的注释方式<!--内容-->,都可以通过CSS改变外观
不同:xml语言要求更为严格,(xml有开始标签,必须有对应的结束标签,大小写一致,属性用双引号)
xml用于存储数据,html用于数据展示,
xhtml按照xml的严格语言要求来写html
dhtml动态html,即html,css,JavaScript的结合
锚记:用name属性为<a>起名字:<a name="Last">这里是最后</a> 这就定义了一个锚
可以通过超链接的方式跳转到锚这里,<a href="#Last">转到最后</a>这里是实现在同一页面上跳转
URL表示在网络中的地址,(URI比URL大,看成一样的就可以了)
<a href="www.sohu.com">搜狐</a>
对应的一些属性: _blank表示此超链接在新窗口中打开,_self在自己的窗口中打开,_parent父窗口中打开,_top顶级窗口中打开,
<a>中可以嵌套图片,<a href="www.sohu.com"><igm src="1.jpg"/>搜狐</a>
<img src="1.jpg" title="rf" alt="瑞飞" height="200" width="200"/> src表示图片地址 title表示图片名称 alt表示当图片不能加载时显示的名称 height width高度,宽度
px(pixel)像素 em相对长度单位 pickpick取色器软件
定义列表<dl></dl> 无序列表<ul></ul> 有序列表<ol></ol>
ol与dl都有一个type属性,用来设置序列的显示样式,type的取值可以是s,i,l,disc,circle,square
<dl>
<dt>牡丹</dt>
<dd>国花</dd>
</dl>
<ol type="disc">
<li>缴费</li>
<li>续费</li>
<li>欠费</li>
</ol>
<ul type="A">
<li>公牛</li>
<li>小牛</li>
<li>火箭</li>
</ul>
ul与ol下可以嵌套二级菜单
表格 border边框,align位置 <tr>列 <td>行 <th>粗体显示行 colspan合并行,rowspan合并列 style="display:none" →不显示 style="display:block"
cellspacing="50"单元格之间的距离,50像素 cellpadding="50"单元格内部之间的距离
<table border="1" align="center">
<tr>
<td valign="bottom">sk</td>
<td>jk</td>
</tr>
<tr>
<td>yzk</td>
<td>zxh</td>
</tr>
</table>
<table border="1" width="100">
<caption>课程表<caption>
<thead>
<tr>
<th>星期一</th>
<th>星期二</th>
</tr>
</thead>
<tbody>
<tr>
<td>数学</td><td>化学</td>
</tr>
<tr>
<td>英语</td><td>生物</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>晚自习</th>
<th>晚自习</th>
</tr>
</tfoot>
</table>
<form></form>表单(填表时使用),若要将填写的数据提交到服务器,则还需要将<input>、<textarea>、<select>等表单元素放到<form>标签中,
其中<input>是主要表单元素,type值可选有:submit(提交按钮),button(普通按钮),checkbook(复选框),file(文本选择框),
hidden(隐藏字段),image(图片按钮),password(密码框),radio(单选按钮),reset(重置按钮),
select(下拉选择框)<option selected<!--默认选中,同单选框,复选框的checked一样的作用,默认选中,值也是本身自己-->>北京</option> selected的multiple多选,值也是本身,<select size="3" muptiple="multiple"可以选择3个> optgroup分组
text(文本框),textarea(多行文本框,带有滚动条,属性可以设置rows="20" cols="15")
使用方法<td><input id="textname" type="text" size="20"></td> 这里的size是指20个字符的长度(不同浏览器显示的长度可能不同)
<input>标签中的id属性,一是为了方便<label>标签for属性的调用,二是为了JavaScript的操作,这里还有一个name属性,是在asp.net中
应用到得,这里的name属性可以重复
<input>标签中还有其他的一些属性,maxlength最大输入长度,readonly制度属性,值就是他本身,value属性,设置值
可以通过<label>标签来设置获得光标 <label for="textname" accesskey="n">用户名:</label> 通过for可以获得id为textname的文本框鼠标位置,也可以通过accesskey设置快捷键
当用户点击用户名或按下快捷键alt+f时,此时光标就会移动到text文本框中
单选按钮radio,注意将name属性设置为一样,这样就可以将几个radio按钮设置到一个组中,这时只能单选一个按钮
checked属性,默认选中,值也是本身自己,同readonly
type="image",起始image也是一个提交按钮,即submit,只不过显示方式不一样,
<form method="get" action="1-注册内容.html"> 这里的<form>标签的method属性有get和post两个值
get是跳转页面的时候以及向服务器提交少量数据时用 post是向服务器提交数据较多的时候用
action属性用来设置传值,即action跟的内容为一个url地址,这个地址传递给get或post使用
<fieldset>属性类似于winform中的groupbox,将html控件划分为在一个区域内
<fieldset type=="设置样式">
<legend></legend>标题名
<input type="text">
</fieldset>
<maquee>文字内容</maquee> 滚动文字,默认为从屏幕右侧到左侧
<meta>标签 写明此html文件的一些基本信息
<meta name="Generator" content="Editplus"> 由哪一个软件编写
<meta name="author" content="张三"> 作者
<meta name="keywords" content="注册页面"> 关键字
<meta name="description" content="某某网站注册"> 描述
<meta>标签还有另外一个作用,告诉浏览器怎样运行这个html文件
<meta http-equiv="名字" content="值"> 模拟http相应头信息
<meta http-equiv="refresh" content="3;url=">
3秒后跳转到url地址
<meta http-equiv="Cache-Control" content="no-cache"/>禁止浏览器缓存页面
<meta http-equiv="content-type" content="txt/html:charset=utf-8">指定网页编码
<div> 层 (块级元素标签),将内容放到一个层中,这样就可以讲这些内容当成一个整体进行处理,
<div>前后均包含自动换行,因此会影响布局
<span>(行内元素),把一段内容定义成一个整体进行操作,但不会换行