HTML的基本语法.Net/ASP开发工程师
html的基本语法
断行<br>,分段<p>,
分割线<hr> 颜色(<hr color="#ff8000">) 靠右(<hr align="right">) 宽度(<hr width="240">)
文字置左 <p align ="left">文字内容</p>
置中标签 <center> 内容(图片,表格,文字都行) </center>
向右缩排 <blockquote>缩排1单位(几个标签就是缩排几单位)</blockquote>
保存原始格式标签 <pre>内容</pre>(原本文字怎么排版,就在网页那么显示)
标题标签 <h1>标题</h1>(h1到h6,大到小)
设定字体大小 <font size=3>内容</font>(size从1到7,小到大)(size=+1,比预设大一号)
字型变化 <b></b>(加粗)(i:斜体 u:底线 sup:上标)
文字颜色 <font color="#ff8000">文字内容</font>
文字字体 <font face="楷体_GB2312">文字</font>(""内为字体全称,如果浏览器没有该字体,则用宋体显示)
特殊字符 空格键: <:< >:> &:& ":"
设定文字内定植大小 <base font size=“1~7”>(直接加在body标签后面,没设定默认为3)
影像标签 <img src="Image/221.gif" alt="说明文字" height=“设置图片高度”align="left" hspace="距左右物件的距离(vspace,上下) " >(align=“top”,文字对齐我头顶(bottom,脚底。middle,中间。absmiddle,绝对中间)
影像的路径怎么写(../表示返回上一层)
背景标签 <body bgcolor="颜色码" backgound="图片路径">
内文,连接文字设定 <body text="颜色码">(text,内定文字,link,内定连接,alink,按下连接时,vlink 按下连接后)
网页连接
1.<a name ="m2">要连接的起点</a>
<a herf="#m2">连接到的地方</a>(www:m1 网页外部:m3(外部的网站))
连接标签的参数 target=_参数
_blank:将连接的页面,打开在新的浏览视窗 _parent:将连接的页面,当成文件的上一页面
_self:将连接的页面显示在当前的视窗 _top:将整个画面显示新连接的页面内容。
网页中的表格概念
<table border=1></table>告诉电脑我要做一个表格,且表格的框线粗细为1
<td></td>一个栏位 <tr></tr>一行
<td colspan=3>1</td> 这个1左右占3个栏位
<td rowspan=3>1</td> 这个1上下占3个栏位
<table width="100" height="60"> 表格的宽度为100,长度为60
<td align=center valign=top>1</td> 表格中的物件居中 ,表格中的物件靠上
表格背景,底色设定
<table bgcolor="颜色码"></table> 设定表格底色,也可以在<tr>(一栏的底色)<td>(一格的底色)
<table background="图片路径"></table>,一栏或一格的背景设置同理。
表格框线的设定
<table bordercolor="颜色码"> 设定框线的颜色
<table bordercolorlight="颜色码" borderdark="颜色码">设定表格的阴影和亮面颜色,更有立体感
表格栏距的设定
<table border="1" cellpadding="4" > </table>表格内文距离格线的距离
<table border="1" cellspacing="0"> </table> 表格栏位格线之间的距离,一般为2
无序标签
<ul> <ul type="disk"> disk:实心圆 square:小正方形 circle:空心圆
<li>姓名:张三
<li>性别:男
<li>年龄:22
</ul>
有序标签
<ol> <ol type="A">可以为1,A,a,I,i。
<li>姓名:张三 <ol start="8">指定开始的数目
<li>性别:男
<li>年龄:22
</ol>
定义列表标签
<dl>
<dt>小标题
<dd>标题的内容说明
</dl>
表单标签
<form>
姓名:<input type="text' name="姓名" size=“20”>
<input type="reset">
<input type="submit">
<input type="button">
<textarea wrap="off" cols="20" rows="5"></textrea>(每行字数,列数)
</form>
<input type="password">密码表单,输入的内容会以*来代替,防止他人偷窥
<input type="radio">单选表单 <input type="checkbox">多选表单
wrap有3种。1.off(输入文字不会自动换行)2.virtual(输入会自动换行,不过没有按enter的话,提交的时候视为没换行)3.physical(输入自动换行,提交视为有换行效果)
reset (清除表单内容)submit(提交表单内容)button(创建一个按钮)
value=""(预设内容) size="数值"(设定这一栏的宽度) align=""(设置这一输入的位置)maxlength=“数值”(最大输入长度)
下拉式选单
<form>
<select>
<option value="非常好">非常好
<option value="还好">还好
<option value="差">差
</select>
框架的切割
<html>
<head>
<title>网页名称</title>
</head>
<frameset cols="120,*">
<frame src ="a.html name="1">
<frameset rows="100,*">
<frame src ="b.html name="2">
<frame src ="c.html name="3">
</frameset>
</frameset>
</html>
1914篇文章