四期学习小组

Html第二节

2017-04-18  本文已影响7人  木子abcd子木

无序列表

<ul>

<li>上海</li>

<li>成都</li>

</ul>

有序列表

<ol>

<li>上海</li>

<li>成都</li>

</ol>

自定义列表

创建表格表单

<table>                   //table表示一个表格,<tr></tr>表示表单

<theah>

<tr><th>A</th><th>B<.th></tr>         //头部标签,列名在一行显示

</thead>

<tr>

<td>a</td><td>b</td>          //可使用ctrl+{ or ctrl+}左右对齐

</tr>                        //在同一行显示,不同的表格

</table>

单元格合并

rowspan               //一个单元格占两行内容显示

colsapan               //一个单元格占两列显示

div                  //一个div占整个通栏

span                 //如果没有换行标签,则会在一个行显示    

表单

<form >                         //表单里的东西都需要放在form里面

用户名:<input type="text">        //type指类型 text文本框 value指值

sex:男<input type="radio" name="gender" checked=“checked” >女<input type="radio" name="gender">//radio表示单项选择,gender只可选择一个,checked则表示默认是男

                      //text=password表示文档加密

<select>                //select可选择的下拉列表

<option><option>

</select>  

<textarea></textarea>           //文本域

</form>

lable标签的使用

//使用方法   1、id.....for  2、<lable>文字内容</lable>

sublime

提交按钮,前面有空白,先写个<td></td>

普通按钮    <input type="buton" value="普通按钮">

重置按钮    <input type="reset"   value="重置按钮">

pre         标签不对空格进行合并

</&gt      表示小于/大于号的意思

<thtml5&gt   <=>   <html5>

HTML语义化

是网页代码更加清晰,明了

上一篇 下一篇

猜你喜欢

热点阅读