2021-11-14

<!--注释语句-->  快捷键:ctrl+/


4.5<div>和<span>标签

<div>和<span>是没有语义的,它们就是 一个盒子,用来装内容的。

<div>这是头部</div>

<span>今日价格</span>

divdivision的缩写,表示分割,分区。Span意为跨度,跨距。

特点:

[if !supportLists]1. [endif]<div>标签用来布局,但是现在一行只能放一个<div>。大盒

文字在<div>上自动换行)

2.<span>标签用来布局,一行上可以多个<span>。小盒子

4.6图像标签和路径(重点)

1.图像标签

图像标签的其他属性:

属性属性值说明 

src图片路径必须属性 

alt文本替换文本,图片不能显现的文字 

title文本提示文本,鼠标放到图像上显示的文字 

width像素设置图像的宽度 

height像素设置图像的高度 

border像素设置图像的边框粗细 

4.4浏览器的种类:



浏览器内核备注

IE浏览器TridentIE,猎豹安全,360极速浏览器,百度浏览器

Firefox浏览器Gecko火狐浏览器内核

Safari浏览器Webkit苹果浏览器内核

chrome/Opera浏览器Blinkchrome/oprea浏览器内核。Blink其实是Webkit的分支

目前国内一般浏览器都会采用Webkit/Blink内核,如360,UC,QQ,搜狗等。


4.3网页的构成


每个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这些基本标签上书写的。


标签名定义说明

<html></html>HTML标签页面中最大的标签,我们称为根标签

<head></head>文档的头部注意在head标签中我们必须要设置的标题是title

<title></title>文档的标题让页面拥有一个属于自己的网页标题

<body></body>文档的主体元素包含文档的所有内容,页面内容基本上都是放到body里面的

 

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 时间荏苒,岁月如梭,转眼新公司已经入职三个月了,这两天赶上同事转正东风,抽点时间把过去三个月的工作认真盘一盘,工作...
    鹰郡少年鹏阅读 345评论 0 0
  • 1. 认识web 1.1 认识网页 1.2 常用的浏览器 浏览器占市场份额(知晓) ⭐浏览器内核(理解) | 浏览...
    Scincyc阅读 563评论 0 0
  • 4.5 和 标签 和 是没有语义的,它们就是 一个盒子,用来装内容的。 这是头部 今日价格 div是divisi...
    赵倩倩_小20强化班阅读 141评论 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,908评论 1 45
  • 用TCP协议发送时,由于TCP是数据流协议,因此不存在包大小的限制(暂不考虑缓冲区的大小) HTTP/2 头压缩算...
    JLong阅读 528评论 0 0