HTML基础知识点1

1.什么是HTML:(hyper text marked language)超文本标记语言

2.网页的发展历程:

 

3.常见的浏览器:IE、火狐(Firefox)、谷歌(chrome)、Safari、Opera。称为五大浏览器

4.浏览器内核:一个完整的浏览器包含浏览器内核和浏览器外壳。浏览器内核又分为:渲染引擎(Layout Engine或Rendering Engine)和js引擎,JS越来越独立,内核就倾向于只指渲染引擎

5.主流浏览器内核:

        Trident(IE内核)

        Gecko(Firefox)

        Webkit(Safari)

        Presto(Opera)

        Blink(Chrome)

6.W3C标准

        结构标准(XML和XHTML)

        样式标准(css)

        行为标准(js)

7.骨架结构

        <!DOCTYPE html>

        <html>

        <head>

         </head>

        <body> 

        </body>

        </html>

8.标签(又称为元素)

        单标签:<标签名 />只能有属性,不能嵌套其他标签和内容

        双标签:<标签名>内容</标签名>可以嵌套其他标签和内容

        文本测试:lorem,快速生成文本用于测试标签

9.文本标签(双标签、独占一行)

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

        标题标签:h标签 <h1>内容</h1> h1~h6字体依次变小变细。

        注:h标签可以嵌套p标签 但是h标签不能被p标签嵌套

10.文本格式化标签(不独占一行、双标签)

        加粗:<strong>内容</strong>、<b>内容</b> (strong标签语义化更强)

        中划线:<del>内容</del>、<s>内容</s>

        下划线:<u>内容</u>、<ins>内容</ins>

        斜体:<i>内容</i>、<em>内容</em>(em语义化更强)

11.盒子标签

        div标签:<div>内容</div>独占一行

        span标签:<span>内容</span>不独占一行

12.列表标签

        有序列表:ol>li*n

        <ol>

        <li>列表项1</li>

        <li>列表项2</li>

        <li>列表项3</li>

        ……

        </ol>

        无序列表:ul>li*n

        <ul>

        <li>列表项1</li>

        <li>列表项2</li>

        <li>列表项3</li>

        ……

        </ul>

13.表格标签

        table:定义一个表格 <table>行列</table>

        tr:表格的行 <tr>单元格</tr>

        td:表格的单元格 <td>内容</td>

        th:表头。可以替换td,有文本加粗居中的效果

        thead:表格头部

        tbody:表格主体

        tfoot:表格页脚

        caption:表格标题 <caption>标题</caption>

14.表格合并标签

        rowspan:跨行。纵向合并

        colspan:跨列。横向合并

        注:被合并单元格删除

15.锚点标签:通过创建描点链接,用户能够快速定位到目标内容。

        步骤:

        1、在跳转目标的位置添加id名标注

        2、使用<a href="#id名">链接文本</a>

15.链接标签a标签:<a href="跳转目标" target="目标窗口的弹出方式">链接的文本或图像</a>

        href:用于指定链接目标的url地址。当输入外部链接是需要加上https://

        target:用于指定链接页面的打开方式,其取值有_self和 _blank两种,self表示在本窗口中打开链接页面,blank表示在新窗口中打开。

16.路径

        绝地路径:本地磁盘或者网络地址

        相对路径:

        ./:当前文件所在文件夹

        ../:当前文件所在文件夹的上一级文件夹

        /:放内容后面表示进入文件夹,放内容前面表示所在根目录

        注:开发一般都是使用相对路径

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值