html基础

一、  五大主流浏览器

          火狐:-Gecko

          IE:- Trident

          谷歌:- Webkit ---Blink

          safari:Webkit

          欧朋:-Presto--Webkit--Blink

  二、浏览器内核:

        1、渲染引擎:如何将网页中的内容和布局展示出来

        2、js引擎:解析JavaScript代码

  三、web标准:不是单个标准而是一个标准的集合。

      结构标准:统一规范了HTML

      表现标准:统一规范了CSS

      行为标准:统一规范了JS

HTML只是一种标记标签语言,不是编程语言

  四、 标签的分类与关系:

          1、按照个数:

                单标签:只有开始标签或者只有结束标签  <meta>

                双标签:不仅有开始标签还有结束标签  <html></html>  

          2、按照结构:

                嵌套关系:(父子关系) head--title    子标签相对于父标签缩进一个tab键位

                并列关系:(兄弟关系) meta--title     对齐即可

五、字符集

    charset="utf-8"  :UTF -8是目前最常用的字符集编码方式防止出现乱码

六、文档类型

    表明了当前的文档是最标准的html5的文档类型

<!DOCTYPE html>

七、结构化表现化标签

 1、加粗标签  b  strong

2、斜体标签  i  em

3、下划线标签 u ins

4、删除线 s  del

八、图片标签 img 

        图片的属性

          1、src:路径

          2、width:宽度

          3、height:高度

          4、title:标题,当光标移入到图片上时,显示title的属性值

          5、alt:当图片不显示时,显示alt的属性值

          6、border:边框,默认是黑色的

九、图片的路径

            1、线上路径:直接写服务器上的图片地址即可

            2、本地路径

              (1)相对路径

                a、当图片的位置与当前的html文件在同一目录下,./图片名称

                b、当图片的位置在当前的html文件的上一级目录,../图片名称

                c、当图片的位置在当前的html文件的下一级目录,./文件夹名称/图片名称   (最常用的)

              (2)绝对路径

                死路径,不建议使用

十、链接标签

         1、href:跳转的地址

                线上地址

                本地地址

                未知地址

            特点:文本自动添加下划线且字体颜色发生改变

          2、target:设置网页窗口的打开方式

                  _blank   :在新的窗口中打开

                  _self    :在当前窗口中打开(默认)

十一、锚点链接

        让锚点链接的a标签的href属性值与标题的id属性值对应且加#号即可 

十二、常用特殊字符

空格   &nbsp;        大于  &gt;           小于  &lt;            版权 &copy;

十三、列表标签

       1、无序列表  ul>li    重点

        每个li前有默认的小点

        2、有序列表  ol>li

        每个li前有默认的数字序号

        3、自定义列表 dl>dd dt--dd   了解

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值