前端开发之HTML

<!DOCTYPE html>  用于声明使用何种HTML或XHTML规范渲染该HTML文档

<html></html>   告诉浏览器该html文档的开始和结束位置

    <head></head>  html文档头部标签，在其中描述文档的各种属性和信息

        <meta> 提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词

            name='keywords'  content='网站搜索关键字'

            name='description'  content='网站的描述信息'

            http-equiv='Refresh'  content='2;URL=2秒后要跳转的链接'

            http-equiv='content-Type'  charset=UTF8

            http-equiv='X-UA-Compatible'  content='IE=EmulateIE7'  兼容的IE浏览器版本

        <title></title> 网页标签的标题

        <link rel='icon' href='图标链接'>  网页标签的图标

        <link rel='stylesheet' href='css文件路径'>

        <script src='js文件路径'></script>

    <body></body> html文档主体标签，其中为网页显示的内容

        <hn></hn> 块级标签，用于将被包裹的字符加粗加大，n从1~6字体大小依次递减

        <p></p> 块级标签，多个p标签之间会有间隔

        <b></b> 用于将被包裹的字符加粗

        <strike></strike> 用于在被包裹字符上加一道横线，多用于促销信息

        <em></em> 用于将被包裹的字符变成斜体

        <sup></sup>  用于将被包裹字符作为前面字符的上角标  如  2<sup>3</sup>  显示为23

        <sub></sub>  用于将被包裹字符作为前面字符的下角标  如  2<sub>3</sub>  显示为23

        <br> 换行标签

        <hr> 在网页的指定位置加上一条横线，多用于分隔网页中不同部分的内容

        <div></div>  块级标签，无实际意义

        <span></span>  内联标签，无实际意义

        <img> 内联标签，用于在网页中插入图片

            src='图片路径'

            src='图片路径' alt='图片没有加载成功的提示'

            src='图片路径' title='鼠标悬浮在图片上时的提示信息'

            src='图片路径' width=图片宽度（单位px） height=图片高度   width与height只用其中一个会自动等比例缩放

        <a></a> 内联标签，用于为被包裹的内容建立超链接

            href='链接地址'   该地址可以是网络地址，本地地址，或者某个标签的位置(利用标签的id属性)

            href='链接地址' target='_blank'  在新标签页打开链接

       <ul></ul> 块级标签，列表标签，没有序号

       <ol></ol> 块级标签，定义有序号的列表

           <li></li>  有序列表的列表项

       <dl></dl> 块级标签，自定义列表

           <dt></dt> 自定义列表的标题

           <dd></dd> 自定义列表的列表项

       <table></table> 块级标签，定义表格

           <tr><></tr> 表示表格的一行

           <th></th> 定义表格的表头

           <td></td> 表格的数据

                border='边框粗细(单位px)'

                cellpdding='单元格内边距'

                cellspacing='单元格外边距'

                rowspan='横向合并单元格'

                colspan='竖向合并单元格'

                width='表格长度'

                height='表格高度'

        <form> 块级标签，用于想服务端提交数据

            action=‘服务端地址’

            method=‘get/post’  客户端提交数据的方式，get或者post

            enctype='multipart/form-data'  上传文件时必须加上该属性

            <input>  内联标签，用于接收用户的输入信息，再由form表单打包发送给服务端，具体作用与type属性的值有关

                type=''：text 文本输入框；password  密码输入框；radio  单选框；checkbox  复选框；submit  提交按钮；reset  重置按钮；button 空白按钮；file  上传文件，提交方式必须为post，form表单加上enctype属性

                name='' 该属性的值相当于字典中的key，在给服务端发送数据时用到

                value=‘’ 该属性的值相当于字典中的value，在给服务端发送数据时使用，或者也可以用于修改按钮上显示的文本

                checked='check' 在radio单选框和checkbox复选框中使用，表示该项为默认选中项

                readonly='readonly'  只读

                disable='disable'   不可操作

            <select></select> 内联标签，下拉框

                name=''  同input的name属性

                size=‘复选框在页面上显示的项数’

                multiple=‘multiple’ 允许复选

                <optgroup></optgroup> 给下拉框中的选项进行分组

                    label='分组名'

                    <option></option> 下拉框中的选项

                        value=‘’  同input的value

                        selected='selected'  下拉框中的默认该项被选中

             <textarea></textarea>  内联标签，用于接收大量的字符

                 cols='宽度'

                 ro'ws='高度'

                 name=''  同input的name

             <label></label> 内联标签，当用户点击该标签包裹的内容时，光标会跳转到id值与该标签的for属性值相同的标签内

                 for='关联标签的id值'

             <fieldset></fieldset>  块级标签，将表单内的相关元素分组，比如将某些input标签包裹起来

                 <legend></legend>  分组的名字

posted @ 2017-09-19 16:01  魅力宁波  阅读(161)  评论(0)    收藏  举报