HTML - 基础语法

标签分类

        单标签

        双标签

标签关系

        并列关系

        包含关系

标签基本结构

        <!DOCTYPE html>是文档类型的声明

 常用标签

        文本类标签

                标题标签:<h1></h1> - <h6></h6>

                        h1字体最大,h6最小

                段落标签:<p></p>

                换行标签:<br/>

                字体加粗标签:<strong></strong> 和 <b></b>

                字体倾斜标签:<em></em> 和 <i></i>

                删除线标签:<del></del> 和 <s></s>

                下划线标签:<ins></ins> 和 <u></u>

        图像标签

                <img></img>

        超链接标签

                <a></a>

                属性

                         href(必须属性):指定链接目标URL地址;

                                当值为“javascript:;”时,阻止页面跳转;

                        target:指定链接页面的打开方式;

                                _self(默认值)当前窗口打开;

                                _blank 在新窗口打开;

                分类

                        空链接:当没有确定链接目标,<a href="#"></a>;

                        外部链接:外部链接所链接的目标一般为外部网站目标;

                        内部链接:网站内部页面之间的相互链接;

                        下载链接:地址是一个文件或者压缩包;

                        网页元素链接:网页中的各种元素都可以添加超链接;

                        锚点链接:可以快速定位到页面中的某个位置;

                                1.在目标位置标签增添一个id属性,即id="名字";

                                2.在链接的href属性中设置属性值为“#名字";

        列表标签

                无序列表

                        <ul></ul> 定义无序列表;

                        <li></li> 定义无序列表项;

                有序列表

                        <ol></ol> 定义有序列表;

                        <li></li> 定义有序列表项;

        表格标签

                <table</table> 定义表格;

                <caption></caption> 定义表格标题(可选);

                <tr></tr> 定义表格中的行;

                <th></th> 定义表头,大多数浏览器会把表头显示为粗体剧中的文本;

                <td></td> 定义单元格,嵌套在 <tr> 标签中;

                表格结构标签

                <thead></thead> 定义头部区域

                <tbody></tbody> 定义主体区域

                <tfoot></tfoot> 定义脚步区域

        表单标签

                <form></form> 定义表单域

                        action属性:用于指定接受并处理表单数据的服务器程序url地址;

                        traget属性:规定提交表单在浏览器的显示响应;

                                _blank 响应显示在新窗口或选项卡中;

                                _self 响应显示在当前窗口中;

                                _parent 响应显示在父框架中;

                                _top 响应显示在窗口的整个body中;

                                framename 响应显示在命名的 iframe 中;

                        method属性:用于设置表单数据的提交方式;

                        name属性:用于指定表单域的名称。

                表单元素:

                <input/> 用于收集用户信息

                        type属性:表示输入类型;

                                text 单行文本;

                                password 密码;

                                number 数值;

                                date 日期;

                                radio 单选按钮;

                                checkbox 复选框;

                                submit 提交表单数据至表单处理程序的按钮;

                                button 按钮;

                                reset 重置按钮;

                        其他属性:

                        

                <select></select> 下拉列表标签;

                        <option></option> 定义下拉选项,可通过selected属性来定义预定义选项;

                <textarea></textarea> 文本域元素,定义多行文本输入;

                <button></button> 定义可点击的按钮;

                <label></label> 为 input 标签定义标注,for属性应当与相关联元素的id同步。

        盒子标签

                <div></div> 定义一个大盒子,一行只能放一个;

                <span></span> 定义一个小盒子,一行能放多个;

                盒子标签一般无具体语义,常用来布局。

注释与特殊字符

        注释

                <!-- 注释语句 -->

        特殊字符

                

                  

                              

                        

           

                

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值