HTML基础标签

标题与段落

        标题 --> <h1></h1>、<h2></h2>......<h6></h6>css

        h1到h6,字体从大到小,加粗;h1标题最重要,而且在一个网页中只能出现一次html

        h五、h6标签在网页中不常常使用。 布局

        段落 --> <p></p>字体

 

文字修饰符标签

    强调   <strong></strong>  加粗  强调性更强spa

                <em></em>  斜体   强调性较 strong 弱orm

    下标  <sub></sub>htm

    上标  <sup></sup>blog

     删除文本  <del></del>图片

     插入文本  <ins></ins>ip

 

图片标签与图片属性

        <img src="" alt="" title="" width="" height="">

                src : 引入图片的地址

                alt : 图片地址出错时,显示一段友好的提示

                title : 鼠标停留在图片上时出现的提示信息

                width : 图片的宽度

                height : 图片的高度

 

引入文件的地址路径

        相对路径

             . 在路径中表示当前路径

            ..  在路径中表示上一级路径

        绝对路径

                F:/img/animal.jpg

                https://f11.baidu.com/it/u=3090953925,787614683&fm=72

 

跳转连接

        <a href="" target=""></a>

                href   连接的地址

                target  能够打开连接打开的方式,默认状况下在当前页面打开 _self,在新窗口打开 _blank

                一个网页的连接都想让在一个新窗口打开,应该怎么办?

                        在 head 标签里加入 <base target="_blank">

 

跳转锚点

       方式一: <a href="#html">跳到标签属性id值为html的位置</a>

                       <h2 id="html"></h2>

        方式二: <a href="#css">跳到标签属性name值为css的位置</a>

                        <a name="css"></a>

 

特殊符号

        

 

列表标签

        无序列表

                ul li 列表的最外层容器、列表项

                注:ul和li必须是组合出现的,他们之间是不能有其余标签的

                type属性:改变前面标记的样式( 通常都是用CSS去控制 )  circle square disc

                ( https://www.w3school.com.cn/tags/att_ul_type.asp ) 

        有序列表

                <ol> 、<li>:列表的最外层容器、列表项

                注:有序列表用的很是少,常常用的是无序列表,无序列表能够去代替有序列表。

                type属性:改变前面标记的样式( 通常都是用CSS去控制 )

                ( http://www.w3school.com.cn/tags/att_ol_type.asp )

 

定义列表

        <dl>  :  定义列表

        <dt>  :  定义专业术语或名词

        <dd> :  对名词进行解释和描述

 

嵌套列表

        列表之间能够互相嵌套造成多层级列表。

 

表格标签

        <table>  : 表格的最外层容器

        <tr>  :  定义表格行

        <th> :  定义表头

        <td> :  定义表格单元 

        <caption> :  定义表格标题

        注: 之间是有嵌套关系的,要符合嵌套规范。

        语义化标签:<tHead>   <tBody>   <tFood>

        注: 在一个table中,thead 、 tfood 是只能出一次,tbody 是能够出现屡次的

 

表格属性

        border             表格边框

        cellpadding      单元格内的空间

        cellspacing       单元格之间的空间

        rowspan            合并行

        colspan              合并列

        align                   左右对齐方式

        valign                 上下对齐方式

 

表单标签

        <form> : 表单的最外层容器

        <input> : 标签用于搜集用户信息,根据不一样的type属性值,展现不一样的控件,如输入框、密码框、复选框等。

 

        type属性                                        含义

            text                                                普通的文本输入框

            password                                        密码输入框

            checkbox                                        复选框

            radio                                               单选框

            file                                                   上传文件

            submit                                              提交按钮 

            reset                                                  重复按钮 

 

        <textarea> : 多行文本

        <select size="" multiple> 

                    <option selected disabled>

        <label>

        <label>    辅助表单

 

表格表单组合

        表格表单之间能够互相组合造成数据展现效果。

 

div 与 span

        div全称为 division,“分割、分区”的意思,div标签用来划分一个区域,至关于一块区域容器,能够容纳段落、标题、表格、图像等各类网页元素。即 HTML 中大多数的标签均可以嵌套在div标签中,div中能够嵌套多层div,用来将网页分割成独立、不一样的部分,来实现网页的规划和布局。

        span(内联):用来修饰文字的,div与span都是没有任何默认样式的,须要配合css才行。

相关文章
相关标签/搜索