饥人谷技术博客

常用HTML标签

2018-12-03  本文已影响6人  壹如既往的活著

html标签

html标签HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

标签分为闭合标签和空标签 :闭合标签是指由开始标签和结束标签组成的一对标签,这种标签允许嵌套和承载内容,例如:<html></html>、<p></p>;空标签是没有内容的标签,在开始标签中自动闭合,例如:<img />、<br />、<hr />等

 <html></html>  创建一个HTML文档

<head></head>  设置文档标题和其它在网页中不显示的信息

<title></title>  设置文档的标题   

 <p></p>  创建一个段落

 <br> [换行]插入换行符

 <a href="URL"></a>创建超文本链接 

<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ol>    创建一个标有数字的  有序列表

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>    创建一个标有圆点的 无序列表

常见的行级标签

span 文本
img 图片
em 强调
strong 强调
q 短引用
a 超链接
i 倾斜
b 加粗
small 缩小字体
u 下划线

表格标签

【table】

`<table></table>表格框
<tr></tr> 表格行
<td></td> 表格列
<th></th> 表格标题列(将tr中的td替换为th),th默认加粗且在单元格居中显示。 

表单标签

【form两个重要属性】

action:表单需要提交的服务器地址
method:表单提交数据使用的方法,get/post

`<form action="" method="get"> </form>
或
<form action="" method="post"> </form>

get和post的区别
① get传参使用URL传递,所有参数在地址栏可见,不安全;get传参数据量有限。
② post传参使用http请求传递,比较安全;post可以传递大量数据。
但是,get请求的传输速率比post快。
URL传参的形式:链接URL地址?name1=value1&name2=value2

【input的常用属性】

① type:设置input的输入类型
② name:给input输入框命名。一般情况下,name属性必不可少。因为,传递数据时,使用name=value(输入内容)的形式传递。
③ value:input输入框的默认值
④ placeholder:输入框的提示内容。当input有默认的value或输入值时,placeholder消失

<form action="" method="get"> 
<input name="" type="text" size="22" /> 
<input name="" type="submit" value="提交" /> 
</form> 

【input-type属性的常用属性值】

① text:文本输入框
② password:密码输入框,输入内容默认显示小黑点
③ radio:单选框 checkbox:复选框
使用radio/checkbox时,value属性必填。提交时,提交的为value中的默认值;
radio/checkbox凭借name属性,确定是否属于同一组,name相同为同组,只能选一个
使用checked="checked"属性,设置默认选中项

2419271-f3d80e7605c1ef00.webp.jpg
上一篇下一篇

猜你喜欢

热点阅读