HTML的基本语法.Net/ASP开发工程师

/ 福州大学音乐学院.Net/ASP开发工程师 / 2016-07-10

html语法,.net基础学习


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>(""内为字体全称,如果浏览器没有该字体,则用宋体显示)

特殊字符 空格键:&nbsp; <:&lt;   >:&gt;  &:&amp;  ":&quot;

设定文字内定植大小   <base font size=“1~7”>(直接加在body标签后面,没设定默认为3)

影像标签 <img src="Image/221.gif" alt="说明文字" height=“设置图片高度”align="left"  hspace="距左右物件的距离(vspace,上下) "  >(align=“top”,文字对齐我头顶(bottom,脚底。middle,中间。absmiddle,绝对中间)

影像的路径怎么写(../表示返回上一层)

html语法,.net基础学习

背景标签  <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>

html语法,.net基础学习


公众号,微信

汇鱼网海峡创乐汇
汇鱼网海峡创乐汇