常用HTML标签

作者: 壹如既往的活著 | 来源:发表于2018-12-03 00:54 被阅读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

    相关文章

      网友评论

        本文标题:常用HTML标签

        本文链接:https://www.haomeiwen.com/subject/mjhecqtx.html