html基础 

  1 <html>
  2 <head>
  3 <!--head里边还有title，meta-->
  4 </head>
  5 <body >
  6 <!--body可以指定背景色，文本色，超链接色：bgcolor，text，link=_,还有正在点击可链接的颜色：alink，已经点击的可链接（访问）的颜色-->
  7 </body>
  8 </html>    
  9 页面空白(body中的)<body leftmargin=_|| topmargin=_/)
 10 元素就是标记；
 11 
 12   <!--body html内容是放在body中--> 注释
 13     
 14     <p>段落标记</p>（注意p换行与</br>换行不一样的，p中间会隔一行，<br/>只是换行，换到下行
 15 
 16     <font size=" "字体标记<\font> size 的取值是1 到 7（想要更大，用<font style="font-size:--px"> </font>
 17     <h#></h#>:标题字体，范围是1到6（1最大）

 18 物理字体：
 19 <b> 字体加粗 </b>
 20 <i>斜体</i>
 21 <u>下划线</u>
 22 <br/>换行
 23 <blink>字体闪烁</blink>（有的游览器不闪）
 24 <marquee>我会移动哟</marquee>
 25 
 26 标尺线
 27 <hr></hr>:align,size,width,height,color,noshade(是否有阴影)
 28 <hr width=50,50%>
 31 font face字体设置（默认是宋体）
 32  <元素 属性="属性值"...> 内容<\元素> 如果没有内容就写成<元素 属性="属性值".../> ( <元素 属性="属性值"...>  <\元素> 也行 但    是多此一举)
 33 
 34 图片（图片也可以做超链接）
 35 <!--图片可以是网上的-->
 36 <img  src="1.gif" bordercolor="red" alt="__" width=150px></img>
 37 <!--alt让鼠标移到图片有提示，提示就是alt的内容-->
 38
 41 <a href="#" taget="值"></a>
 42 <a href=url taget=_blank/> 新窗口
 43 <a href=url taget=_self/>本窗口
 44 <a href=url taget=_parent/>父窗口
 45 <a href=url taget=_top/>整个浏览器窗口
 46 <a href=url taget=指向frame的名字/>
 47 
 表格的元素是table
 49 <!--表格宽度，边框颜色，背景颜色，表格的对齐方式-->
 50 <table border="2" cellspacing="5" cellpadding="10" width="500" bordercolor="red" bgcolor="yellow" align=center>
 51 <tr align="center"><td></td></tr>      <!--tr表示行,td表示列,该行的内容居中对齐-->
 52 </table>
 53 valign：用于表格的top，bottom移动；
 54 注意学会rowspan和colspan的使用
 55 
 56 注意：cellspacing是行与行列与列之间的距离，而cellpadding是填充的大小
 57 <th>用于表头，是字体加粗</th>
 58 
 59 
 60 ********超链接案例*****<br/>
 61 <!--target默认为_self,而_blank是打开新的一个网页-->
 62 <a href="http://www.souhu.com/" target="_blank">老鼠爱大米</a><br/>
 63 <a href ="mailto:hanshunping@tsinghua.org.cn">给管理员写信</a><br/>
 64 
 65 <html>
 66 *****有序ul 无序ol*******
 67 <ul type=circle>  
 68 <!--ui默认的type是square，还有circle与disc)-->
 69 <li>luYi</li>
 70 <li>yang</li>
 71 <li>shadow</li>
 72 </ul>
 73 <!--ol 还有start属性，从第几个算-->
 74 <ol type=I >
 75 <!--默认的是阿拉伯数字，-->
 76 <li>luYi</li>
 77 <li>yang</li>
 78 <li>shadow</li
 79 </ol>
 80 </html>
 81 ****有frameset不能有元素body
 82 
 83 <title>登录账号</title>
 84 <hl>登录界面</hl><br/>
 85 <form action="ok.html" method=get>------------form中还有隐藏表单<input type="hidden" value="hahh"/>
 86 用户名:<input type="text" name=""/><br/>
 87 密　码:<input type=password name=""/><br/>
 88 <input type="submit" name=""/>
 89 <input type="reset" name=""/>
 90 </form>


 91 *******复选框********<br/>
 92 <!--name是自己写的最好一样，但是单选框要一样-->
 93 <input type="checkbox" name="1"/>苹果<br/>
 94 <input type="checkbox" name="1"/>葡萄<br/>
 95 <input type="checkbox" name="1">香蕉</input><br/>
 96 <input type="checkbox" name="1">梨子</input><br/>
 97 <input type="checkbox" name="1">橘子</input><br/>
 98 如果让打开的时候有个默认的选择，就在后边价加checked，例如：<input type="checkbox" name="1" checked/>苹果<br/>
 99 单选框也可以用checked，但是只能选一个!
100 *********单选框**********</br>
101 请选择性别：<br/>
102 <input type="radio" name="one">B</input><br/>
103 <input type="radio" name="one">G <br/>
104 
105 <br/>
106 **********select（选择框）********<br/>
107 出生地的选择
108 <select name=”board“>
109 
110 <option value="">--请选择--</option>            <!--通过这里调节选择框的宽度-->
111 <option value="hn">湖北</option>                <!--服务器是通过value来接收信息的-->
112 <option value="hb">湖南</option>                <!--”“是英文输入法的-->
113 <option value="sh">上海</option>
114 </select><br/>
115 <select size=_(一次展现多少个出来) multiple(本来只选择一个，加了这个就能多选)>
116 默认选择：在后边加一个selected。
117 
118 *******文本域-textarea******<br/>
119 <textarea cols="30" rows=”10“> 请输入内容.。。。</textarea><br/>
120 <textarea wrap=off>:关闭自动换行
121 
122 ********请上传文件***********<br/>
123 <input type="file"  name="ww"/>请上传文件

 

posted @ 2015-12-20 18:39  戒。  阅读(124)  评论(0)  编辑  收藏  举报