html常用标签

html , 超文本标记语言  ,HyperText Markup Language。

常用的标签   a   form  ul  div  p  table  h1-h6  

1.a标签(跳转页面  get请求)

①常用于链接:<a href="http://www.baidu.com" tragett="-bank"(跳转)>百度</a>

target="-bank"(跳转到空白页面) /self (当前页面) / parent(上一页面) / top()  

href="  地址" , qq.com  按照当前网页的协议来请求

                          ./indext.html  按照相对路径来请求


②下载:<a href="http://www.baidu.com" dowmload>下载</a>

③ 锚点  点击a标签后跳转到当前页面的相对位置

<a href="#one">sport </a>

<a href="#two">food</a>

<h4><a name="#one">xxxxxx</a></h4>

<h4><a name="#two">xxxxxx</a></h4>

二 form 标签 

格式  

<form method="post"(默认为get) action=" url"(数据给谁)>

<input type="text" placholder="helllo world"(当文本框没有被选中时出现的灰色的文字) name="one"> 文本框

<input type="passworld"  name="one">   密码框 

<input type="button" value="点击">  普通按钮

<input type="submit" value="点我"> 提交按钮

<input type="radio" value="男" name="one"> 单选按钮 (必须要有name属性)

<input type="checkbox" value="fruit" name="one">  多选按钮 

<select>

<option value=“”1“”selected>一月</option>    默认选中

<option value=“”2“”  disabled>二月</option>   不能选

</select>

ps (不重要)

<labal>姓名 <input  type="text" name="one"></labal>  点击到labal 上时labal中的input上有响应

三 table 表格标签

<table border="1">

<thead>

<tr><td>12</td><td>34</td><td>56</td></tr>

</thead>

<tbody>

<tr><td>12</td><td>34</td><td>56</td></tr>

</tbody>

<tfoot>

<tr><td>12</td><td>34</td><td>56</td></tr>

</tfoot>

</table>

关于设置跨行和跨列

<td colspan="3">xxxxxxxxxxx</td> 跨列

<td rowspan="3">xxxxxxxxxxx</td>跨行

跨行和跨列


四 h1-h6  一般用于标题


h1-h6多用作于标题

五 有序列表UI>LI和无序列表OL >LI 和自定义列表

无序列表中type属性值有disc(实心圆默认)、circle(空心圆)、square(实心正方形)none(取消前缀

有序列表中type的默认类型是数字,type有五个值(1,A  ,a  ,i , I,)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.DOCTYPE 用来选择文档类型 <!DOCTYPE html> //用于html5 2.HTML 元素 ...
    奈_4f97阅读 561评论 0 0
  • HTML常用标签有:a、form、input、button、h1、p、ul、ol、small、strong、div...
    si_月阅读 338评论 0 0
  • HTML 常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:Hyper...
    天空之镜_d18e阅读 618评论 0 3
  • 这篇文章将简单介绍几个在HTML常用的标签:iframe标签、a标签、form标签、input标签、button标...
    宣泽彬阅读 378评论 0 0
  • “我喜欢上了一个女孩,我想追她。”当收到周跃这条微信的时候,我惊呆了。 “真的?”我还是觉得有点不可思议。 “嗯。...
    杨茗辞阅读 909评论 11 13