2021-02-07

4.5<div>和<span>标签<div>和<span>是没有语义的，它们就是一个盒子，用来装内容的。<div>这是头部</div><span>今日价格</span>div是division的缩写，表示分割,分区。Span意为跨度，跨距。特点：1. <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里面的 4.2文本格式化标签在网页中，有时需要为文字设置粗体，斜体或下划线等效果，这时就需要用到HTML中的文本格式化标签语义标签说明加粗<strong></strong>或者<b></b>推荐用<strong>倾斜<em></em>或者<i></i>推荐用<em>删除线<dei></dei>或者<s></s>推荐用<dei>下划线<ins></ins>或者<u></u>推荐用<ins>4.1字符集字符集（Character set)是多个字符的集合。以便计算机能够识别和储存各种文字。在<head>内，可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符进行解码。 <meta charset=”UTF-8”/>charset常用的值有：UIF-8,其中UIF-8也被称为万国码，其中包含了全世界所有国家需要用的字符。4.1实用的插件插件作用Chinese(Simplified)LangusagePack for VS Code中文（简体）语言包Open in Browser右击选择浏览器打开html文件JS-CSS-HTML Formatter每次保存，都会自动格式化js-css和html代码Auto Rename Tag自动重命名配对的HTML/XML标签CSS Peek追踪至样式 <img src=”图像URL” />4.6图像标签和路径(重点）2. 路径之相对路径相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。这里简单来说，图片相对于HTML页面的位置相对路径分类符号说明同一路径图像位于HTML的同一级，如<img src=”baidu.gif” />上一路径/图像位于HTML的上一级，如<img src=”/baidu.gif” />下一路径../图像位于HTML的下一级，如<img src=”../baidu.gif” />绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是由盘符开始的路径。4.7超链接标签（重点）3. 连接分类：1. 外部链接：例如<a href=”http://www.baidu.com”>百度</a>。2. 内部链接：网站网页内部页面之间的相互链接，直接链接内部名称即可，例如<a href=”index.html”>首页</a>。3. 空链接：如果当时没有确定链接目标时，<a href=”a”>首页</a>。4. 下载链接：如果href里面是一个文件或者压缩包，会下载这个文件。5. 网页元素链接：在网页中各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。6. 锚点链接：点我们点击链接，可以快速定位到页面的某个位置。*在链接文本的href中，设置属性值为#名字的形式，如<a href=”#two”第二集</a>*找到目标位置标签，里面添加一个id属性=刚才的名字，如：<h3 id=”two”>第二集介绍</h3>

2021-02-07

2021-02-07

相关阅读更多精彩内容

友情链接更多精彩内容