html的认识和标签的了解

常用浏览器:火狐,谷歌,safari,opera,IE

浏览器的内核:Trident(IE内核),Gecko(火狐),webkit(苹果safari),Chromium/Blink(谷歌),Presto(Opera)

网页标准:
                    web前端的维护,前景广阔,引擎搜索,流量,浏览速度,降低流量费用(赚钱)
web的构成:
                    xml。xhtml(html),样式,颜色(一般用css和行为来做出效果)(css是样式)
js三方面包括:    结构(框架),样式,行为(js)

html+css的初识:
1.html骨架格式:
      1.html标签:作用所有的html标签的一个根节点(没有html网页就不成立;双标签:要有始有终。)
      2.head(头部)标签
      3.title(网页的标题)标签
      4.body(内容)标签
2.html标签分类:
      1.带有<>的符号元素被称为html标签。
      2.单标签:一个标签符号完整的描述某个功能的标签
      3.标签关系:嵌套标签和
3.字符集:utf-8是目前最常用的字符集编码方式
4.html标签的语义化:标签的含义
       1.方便代码的维护和阅读
       
标题标签:
    <hn>标题文本</hn>h1标签因为重要尽量少用,一般都是给logo用的
    段落标签:paregraph段落<P><P />(一个段落的分段)
    水平标签:horizontal横线<hr /> 
    换行标签:break打断,换行<br />强制换行
    
div span标签
    没有语义    是我们网页布局主要的2个盒子
    div 就是divison的缩写  分割,区分的意思 
    span 跨度 跨距 范围(不能给予宽高,它的大小是由内容决定的)
  语法格式:
        <div></div><span></span>
文本格式化标签:
    b i s u只是使用没有强调的意思 strong em del ins 语义更强烈
    粗体<b></b><strong></strong>
    斜体<i></i><em></em>
    删除线<s></s><del></del>
    下划线<u></u><ins></ins>

图像标签 img
    <img src="图像url" />
  属性:title  鼠标在图片上显示的标签
            alt    图像不能显示时,显示的标签
            border  图像边框
            width  图像的宽
            height  图像的高

链接标签
     <a herf="" target="_blank></a>
      #表示该链接暂时为一个空链接
      self是默认页面打开   blank是另外打开一个页面

锚点定位
     创建锚点链接分为两步:
          1.使用"a href="#id"链接文本/a"创建链接文本. a href="#live"
          2.使用相应的id名标注跳转目标的位置               id="live"

<base target="_blank"/>网页跳转用另一个页面打开

路径:
     路径可分为相对路径和绝对路径:
           1.相对路径
                     图像文件和html文件位于同一文件夹:秩序输入图像文件的名称即可
                     图像文件位于html下一级文件夹:输入文件夹名称和文件名(img src="./图片名.jpg”)
                     图像文件在html上一级文件夹:img src="../图片名称.jpg

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值