做苗木网站哪家好,ps做网站logo尺寸,wordpress只显示摘要,网站建设流程要多少钱课程目标
项目实战#xff0c;肯定就需要静态网页。朝着做项目方式去学习静态网页。
01、编写第一个html工程结构化
cssjsimages/imgindex.html
归档存储和结构清晰就可以。
02、HTML标签分类
认知#xff1a;标签为什么要分类#xff0c;原因因为#xff1a;分门别类…课程目标
项目实战肯定就需要静态网页。朝着做项目方式去学习静态网页。
01、编写第一个html工程结构化
cssjsimages/imgindex.html
归档存储和结构清晰就可以。
02、HTML标签分类
认知标签为什么要分类原因因为分门别类进行区分可以让html结构变得更加清晰。所以就有非常多的标签。标签都自己的名字和特征分为单标签双标签 单标签就没有结束标签。没有内容体如果去编写内容体没有任何意义 img 加载图片资源 brhr 分割线input 双标签 有开始和结束标签。 可以在双标签中去嵌套子标签和文本内容文字和图像和音频 模式分类重点 块元素 默认就自带样式属性display:block 行内块级元素 默认就自带样式属性display:inline-block 行内元素 默认就自带样式属性display:inline
网站如果没有标记会怎么样—问题
如果一个网页全部都是文字全部会堆砌在一起。 如何去完成分门别类可能就要学习不同标记。网页从左至右会形成一个文档流body文档流典型的块元素。
块元素—换行—独占一行
特征从左至右都是属于这个元素的空间并不是因为内容少就不换行。独占文档流可以受到宽度和高度padding,marign的影响。默认就自带样式属性display:block典型标签 divph1~h6ul/liol/litableform等 块元素不能使用text-align:center(居中) 去居中元素。如果内容过多会溢出可以用滚动条
行内块元素 可以受到宽度和高度padding,marign的影响。 不独占文档流随波逐流 默认就自带样式属性display:inline-block 未来如果你块元素想左右结构布局可以降级。但是又致命问题默认情况下有间隙大小。这个间隙非常影响布局计算和处理。所以后续使用真正意义上的布局来取代inline-block。 也就浮动布局。从左至右、也可以从右到左边inline-block只能从左到右。非常重要的特点可以收到外部盒子text-align:center(居中)的影响。一个块元素一旦降级你就把他当作文字来看待。 典型标签 img、 定义文本超链接input、 修饰文本标签
!DOCTYPE html
html langenheadmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title聊聊Go语言的历史/titlestyle*{padding:0px;margin: 0;}/* div{width:200px;height:300px;background: red;display: inline-block;} */div{width:100px;height:20px;background: red;display: inline-block;text-align: center;}/style
/headbodydiv stylewidth:1200px;background:#000;padding:20px;div1/divdiv2/divdiv3/divdiv4/divdiv3/div/div/body/html行内元素
可以用块元素去包
diva/div特征不独占文档流随波逐流 不可以受到宽度和高度但是可以受到左右padding,左右marign的影响。 默认就自带样式属性display:inline 典型标签 a、 定义文本超链接span、 修饰文本标签i、斜体标签em、强调文本标签strong、加粗标签 03、HTML为什么要定义这么多不同种类的标签 divh1-h6aimginputtablehrbr…原因语义化让网页结构更加的清晰所有定义这么多标签每个标签都代表不同含义解决网页结构中元素的定义来适应业务开发。如何快速的掌握和认识这些标签自己没事多打开一个些网页看别人些的代码结构你立即变得得清晰。也学会分页网页的结构和标记。
04、常用标签学习
04-01、图像标签
图像
img : 英文直译镜像文件;图片;图像
概述 在一个静态网页的设计中大部分情况都是由文字和图像、音频、视频构成。不论是大型的企业级的网站首页还是栏目页很多的情况下都是用图片来进行展示 图片标签也是为数不多的空元素单标签的代表。 它也是行内块级元素的代表
作用
美观能够快速的传递用户所需的信息
图片标签的格式如下
img src alt/src是核心属性是 source 源的意思主要用于定义图片的路径图片的路径分为网络图片本地图片常见的图像格式jpg、gif、png、bmp、webpalt alternate 替代的含义当加载图片失败时显示的内容
代码
img引入网络图片
img srchttps://www.kuangstudy.com/uploadimg/course/2021-04-29/837299320461070336.jpg alt我是一个图片注意如果引入的是网络图片必须是http或者https开头。
img引入本地图片
准备工作把设计师设计好的图片或者在网站上下载一张图片放入到博客项目的images目录下即可
img srcimages/837299320461070336.jpg alt我是一个图片注意这里的images必须和当前静态页面在同级即可。
alt和title的区别
在img标签中我们定义了一个alt和title会怎么样呢
img srcimages/837299320461070336.jpg alt我是一个图片 title我是一个标题alt当加载图片失败时显示的内容title当光标放在图片上时出现的内容
!DOCTYPE html
html langenheadmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title聊聊Go语言的历史/title
/headbody!--引入远程图片资源地址-- img width100px srchttps://img.huxiucdn.com/article/cover/202303/12/171517352022.jpg?imageView2/1/w/800/h/450/|imageMogr2/strip/interlace/1/quality/85/format/jpg alt如果图片加载失败的时候会呈现出来的文本内容。/!--引入本地地址-- img height100px srcimages/093359662381.png title我是一个图片 alt如果图片加载失败的时候会呈现出来的文本内容。/img width200px height100px srcimages/183126912620.jpg alt如果图片加载失败的时候会呈现出来的文本内容。/img srcimages/1.gif alt如果图片加载失败的时候会呈现出来的文本内容。/!--图片为什么说是行内块元素受到宽度和高度的影响但是没有文档流--图片为什么说是行内块元素受到宽度和高度的影响但是没有文档流/body/html04-02、超链接A
概述
超链接是一种可以把网页和网站相互连接的标签它可以实现从一个页面连接到另外一个页面或者一个网站跳转另外一个网站的过程。
超链接标签如下
a href target_self title我是一个超链接/ahref用来定义连接跳转的路径可以是本地网页也可以是互联网地址但是必须以http/https开头target打开连接的内容在那个窗口打开也就是目标窗口打开位置。常用的值_blank 和 slef 。默认是 _slef _blank 新窗口打开href指定的页面内容_self 在当前页面打开href指定的页面内容
标签特点和分类
cursor:point 鼠标呈现的手势图标是行内元素说明不受宽度和高度的影响只会收到左右内外边距的影响。元素的宽度和高度是由内容来决定。用于来跳转网页信息。
代码
超链接打开本地网页
在本地新建一个news.html页面。然后通过a连接进行跳转即可如下 a hrefnews.html打开本地页面/a超链接打开网络地址 a hrefhttps://www.kuangstudy.com在本页面打开学相伴/aa hrefhttps://www.kuangstudy.com target_blank在新窗口打开学相伴/a图片超链接 a hrefhttps://www.kuangstudy.com target_blankimg srcimages/837299320461070336.jpg alt我是一个图片 title我是一个标题 打开本地页面/a超链接打开邮件 a hrefmailto:xuchengfeifei163.com发邮件/a锚点
锚点是指在本页面中定义一个锚点标记然后通过连接可以跳转到指定的位置。
定义锚点位置
a namemarker这里是锚点位置/a跳转锚点位置
a href#marker跳转到A位置/href场景
比如百度搜索列表你点击的都是超连接 而且目标窗口打开位置都是_blank 比如学相伴的课程分类管理 : https://www.kuangstudy.com/course?cid4
demo03.html—超链接
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title超链接-a/titlestyle/style
/head
body!--超链接打开本地网页--a hrefindex.html target_self我是一个链接/a!--超链接打开网络地址--a hrefhttps://www.kuangstudy.com target_self我跳转学习平台/a!--target _blank 打开新页面 _seft 当前页打开--a hrefhttps://www.kuangstudy.com target_blank我跳转学习平台/aa hrefhttps://www.kuangstudy.com target_blank我跳转学习平台111/a!--图片超链接--a hrefhttps://www.kuangstudy.com/bbs/1579340844195336194img srcimages/3.gif/a!--超链接打开邮件--a hrefmailto:xuchengfeifei163.com发邮件/a!--锚点--!--不执行javascript:void(0)或者javascript:;--
/body
/htmldemo04.html–锚点
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title超链接-a/titlestyle.container{width: 600px;margin: 0 auto;overflow: hidden;}/style
/head
bodya href#first第一章概述/aa href#second第二章故事/aa href#three第三章结束/adiv classcontainer idfirst!-- 锚点为name或者id--!-- a namefirst/a --h1第一章概述/h1pGo语言的Logo作为程序员我们每天会用到大量的编程语言打开界面会碰到很多logo在正式学习Go语言之前我们先来了解一下Go语言的Logo。也就是它,下面这个动物gopher [ˈɡoʊfər] 囊地鼠是北美的一种地鼠。也有人说这是土拨鼠大家自行理解吧。/ppGo语言的Logo作为程序员我们每天会用到大量的编程语言打开界面会碰到很多logo在正式学习Go语言之前我们先来了解一下Go语言的Logo。也就是它,下面这个动物gopher [ˈɡoʊfər] 囊地鼠是北美的一种地鼠。也有人说这是土拨鼠大家自行理解吧。/ppGo语言的Logo作为程序员我们每天会用到大量的编程语言打开界面会碰到很多logo在正式学习Go语言之前我们先来了解一下Go语言的Logo。也就是它,下面这个动物gopher [ˈɡoʊfər] 囊地鼠是北美的一种地鼠。也有人说这是土拨鼠大家自行理解吧。/ppGo语言的Logo作为程序员我们每天会用到大量的编程语言打开界面会碰到很多logo在正式学习Go语言之前我们先来了解一下Go语言的Logo。也就是它,下面这个动物gopher [ˈɡoʊfər] 囊地鼠是北美的一种地鼠。也有人说这是土拨鼠大家自行理解吧。/ppGo语言的Logo作为程序员我们每天会用到大量的编程语言打开界面会碰到很多logo在正式学习Go语言之前我们先来了解一下Go语言的Logo。也就是它,下面这个动物gopher [ˈɡoʊfər] 囊地鼠是北美的一种地鼠。也有人说这是土拨鼠大家自行理解吧。/ppGo语言的Logo作为程序员我们每天会用到大量的编程语言打开界面会碰到很多logo在正式学习Go语言之前我们先来了解一下Go语言的Logo。也就是它,下面这个动物gopher [ˈɡoʊfər] 囊地鼠是北美的一种地鼠。也有人说这是土拨鼠大家自行理解吧。/ppGo语言的Logo作为程序员我们每天会用到大量的编程语言打开界面会碰到很多logo在正式学习Go语言之前我们先来了解一下Go语言的Logo。也就是它,下面这个动物gopher [ˈɡoʊfər] 囊地鼠是北美的一种地鼠。也有人说这是土拨鼠大家自行理解吧。/ppGo语言的Logo作为程序员我们每天会用到大量的编程语言打开界面会碰到很多logo在正式学习Go语言之前我们先来了解一下Go语言的Logo。也就是它,下面这个动物gopher [ˈɡoʊfər] 囊地鼠是北美的一种地鼠。也有人说这是土拨鼠大家自行理解吧。/ppGo语言的Logo作为程序员我们每天会用到大量的编程语言打开界面会碰到很多logo在正式学习Go语言之前我们先来了解一下Go语言的Logo。也就是它,下面这个动物gopher [ˈɡoʊfər] 囊地鼠是北美的一种地鼠。也有人说这是土拨鼠大家自行理解吧。/ppGo语言的Logo作为程序员我们每天会用到大量的编程语言打开界面会碰到很多logo在正式学习Go语言之前我们先来了解一下Go语言的Logo。也就是它,下面这个动物gopher [ˈɡoʊfər] 囊地鼠是北美的一种地鼠。也有人说这是土拨鼠大家自行理解吧。/ppGo语言的Logo作为程序员我们每天会用到大量的编程语言打开界面会碰到很多logo在正式学习Go语言之前我们先来了解一下Go语言的Logo。也就是它,下面这个动物gopher [ˈɡoʊfər] 囊地鼠是北美的一种地鼠。也有人说这是土拨鼠大家自行理解吧。/ppGo语言的Logo作为程序员我们每天会用到大量的编程语言打开界面会碰到很多logo在正式学习Go语言之前我们先来了解一下Go语言的Logo。也就是它,下面这个动物gopher [ˈɡoʊfər] 囊地鼠是北美的一种地鼠。也有人说这是土拨鼠大家自行理解吧。/ph1 idsecond故事/h1!-- a namesecond/a --pRob Pike是Go的发明者之一贝尔实验室UNIX小组成员之一UTF-8的设计人。他最喜欢做似乎就是发明操作系统
发明编辑器
发明语言/p
pRob Pike是Go的发明者之一贝尔实验室UNIX小组成员之一UTF-8的设计人。他最喜欢做似乎就是发明操作系统发明编辑器发明语言/ppRob Pike是Go的发明者之一贝尔实验室UNIX小组成员之一UTF-8的设计人。他最喜欢做似乎就是发明操作系统发明编辑器发明语言/ppRob Pike是Go的发明者之一贝尔实验室UNIX小组成员之一UTF-8的设计人。他最喜欢做似乎就是发明操作系统发明编辑器发明语言/ppRob Pike是Go的发明者之一贝尔实验室UNIX小组成员之一UTF-8的设计人。他最喜欢做似乎就是发明操作系统发明编辑器发明语言/ppRob Pike是Go的发明者之一贝尔实验室UNIX小组成员之一UTF-8的设计人。他最喜欢做似乎就是发明操作系统发明编辑器发明语言/ppRob Pike是Go的发明者之一贝尔实验室UNIX小组成员之一UTF-8的设计人。他最喜欢做似乎就是发明操作系统发明编辑器发明语言/ph1 idthree结束/h1
!-- a namethree/a --
p
Go语言这萌萌的吉祥物是由Rob Pike的妻子 Renee French绘制的golang吉祥物的设计者Renee French是一位知名插画师她的画风是这样的就是她设计出了Golang吉祥物可爱的 Gordon [ˈgɔrdən]比心心谷歌工程师的20%时间
谷歌的“20%时间”工作方式允许工程师拿出20%的时间来研究自己喜欢的项目。语音服务Google Now、谷歌新闻Google News、谷歌地图Google Map上的交通信息等全都是20%时间的产物。Go语言最开始也是20%时间的产物。为什么需要一个新的语言最近十年来C/C在计算领域没有很好得到发展并没有新的系统编程语言出现。对开发程度和系统效率在很多情况下不能兼得。要么执行效率高但低效的开发和编译如C要么执行低效但拥有有效的编译如.NET、Java所以需要一种拥有较高效的执行速度、编译速度和开发速度的编程语言Go就横空出世了。传统的语言比如c大家花费太多时间来学习如何使用这门语言而不是如何更好的表达写作者的思想同时编译花费的时间实在太长对于编写-编译-运行这个链条来说周期太长。动态语言如Python由于没有强类型的约束很多问题需要在运行时发现这种低级错误更应该交给编译器来发现。人力成本越来越高机器越来越便宜机器的性能越来越厉害在开发效率和运行速度上达到平衡go出现之前无论汇编语言、还是动态脚本语言在执行效率和开发效率上都不能兼备。这个世界上总有一帮人在想着做这种事情别人的用的不舒服就自己开发了一个Go语言的创始人
Go的三个作者分别是Rob Pike罗伯.派克Ken Thompson肯.汤普森和Robert Griesemer罗伯特.格利茨默 。Rob Pike曾是贝尔实验室Bell Labs的Unix团队和Plan 9操作系统计划的成员。他与Thompson共事多年并共创出广泛使用的UTF-8 字元编码。Ken Thompson主要是B语言、C语言的作者、Unix之父。1983年图灵奖Turing Award和1998年美国国家技术奖National Medal of Technology得主。他与Dennis Ritchie是Unix的原创者。Thompson也发明了后来衍生出C语言的B程序语言。Robert Griesemer在开发Go之前是Google V8、Chubby和HotSpot JVM的主要贡献者。
此外还有Plan 9开发者Russ Cox、和曾改善目前广泛使用之开原码编译器GCC的Ian Taylor。
/p/div
/body
/htmldemo05.html
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title超链接-a/titlestyle.container{width: 600px;margin: 0 auto;}.container .item{width: 160px;cursor: pointer;height: 200px;background: red;margin: 20px;float:left;}/style
/head
bodydiv classcontainer idfirstdiv classitem商品1 a hrefjavascript:void(0);删除/a/div div classitem商品2 a hrefjavascript:void(0);删除/a/div div classitem商品3 a href#删除/a/div div classitem商品4 a href#删除/a/div div classitem商品5 a href#删除/a/div div classitem商品6 a href#删除/a/div div classitem商品7 a href#删除/a/div div classitem商品8 a href#删除/a/div div classitem商品9 a href#删除/a/div div classitem商品10 a href#删除/a/div div classitem商品11 a href#删除/a/div div classitem商品12 a href#删除/a/div div classitem商品13 a href#删除/a/div div classitem商品14 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a href#删除/a/div div classitem商品15 a hrefjavascript:void(0);删除/a/div div classitem商品15 a hrefjavascript:void(0);删除/a/div div classitem商品15 a hrefjavascript:;删除/a/div /divscriptvar alinks document.getElementById(first).getElementsByTagName(a)for(var i0;ialinks.length;i){alinks[i].addEventListener(click,function(e){alert(1);e.preventDefault();})}/script
/body
/html04-03、标题标签
浏览器没有设定的font-size的时候。默认是16px;
h是heading的含义。称之为标题。
w3c提供了六中标题标签分别是h1,h2,h3,h4,h5,h6就代表这6级标题 h1到h6是六个级别的标题标记 h1为最大,字体笔划最粗.h6为最小,字体笔划最细. 标题标签未来广泛应用于卡片标题文章标题列表标题等。
标题标签格式
h1~6 内容 /h1~6特点就是 自身会加粗 块元素会独占文档流会受到宽度和高度内外间距的影响 随着编号递减被修饰的文本字体大小也会变小 常用h1 、h2 、h3、h4
代码
demo06.html
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title标题标签-H/titlestyle*{margin: 0;padding: 0;}body{font-size: 12px;}/* h1,h2,h3,h4,h5,h6{background: red;margin: 10px 0;padding:10px;width: 200px;height: 100px;} *//style
/head
bodyh1我是一个标题/h1h2我是一个标题/h2h3我是一个标题/h3h4我是一个标题/h4h5我是一个标题/h5h6我是一个标题/h6
/body
/html场景
百度的搜索列表https://www.baidu.com/s?ieutf-8f8rsv_bp1rsv_idx2tnbaiduhome_pgwdHTML5rsv_spt1oqHTMLrsv_pq9ad62fbc00003fc7rsv_t5d98jQO6IpMA3%2BWVefzJvar9LA7a4XH6CO98K5nCzA93gzHFbHvo4zjEJIXPzJv28KSSrqlangcnrsv_dltbrsv_enter1rsv_btypetinputT515rsv_sug335rsv_sug16rsv_sug7100rsv_sug20rsv_sug41904 学相伴的课程卡片 https://www.kuangstudy.com/course?cid4 课程文章明细页面https://www.kuangstudy.com/bbs/1579340844195336194
04-04、段落标签
09、段落标签
概述
段落标签pparagraph的简写。主要用来修饰文章内容的段落。就好比一本书的内容章节一样。
特点 自身拥有行高 块元素会独占文档流会受到宽度和高度内外间距的影响 主要用来修饰文章内容的段落。就好比一本书的内容章节一样。
格式如下
p修饰的文章段落
/p代码
demo07.html
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title段落标签-p/titlestyle.container{width: 600px;margin: 0 auto;}.container img{max-width: 100%;}/style
/head
bodydiv classcontainerimg srcimages/5.jpg alth1果链警钟从芯片敲向远方/h1p近日“歌尔事件”成为圈内无人不知的焦点。/pp11月8日晚间歌尔股份披露称公司近日收到境外某大客户通知暂停生产其一款智能声学整机产品。针对该事件对于歌尔股份可能带来的损失歌尔发布的风险提示性公告称“本次业务变动预计影响2022年度营业收入不超过人民币33亿元约占公司2021年度经审计营业收入的4.2%。”/ph2“果链”企业屡陷危机/h2p2013年为了用蓝宝石替代康宁的玻璃屏幕在苹果支持下极特先进GTAT耗资9亿美金在亚利桑那州盖蓝宝石工厂。而却在仅仅一年后迎来残酷结局苹果因为蓝宝石成本高且易碎重回了康宁怀抱。激进扩产的极特先进为了偿还债务甚至沦落到以卖熔炉还债、裁员破产的结局收尾。/ph2铁打的苹果流水的供应商/h2p苹果现任CEO库克以供应链管理出身在乔布斯任下就以“供应链大师”而闻名。苹果每年都会更新供应商名单一方面是起到更新换代的作用让供应商优胜劣汰相互牵制有利于降低成本另一方面也在增强苹果在供应链中的话语权和掌控力。/p/div/body
/html效果如下
场景
新闻站点https://www.huxiu.com/article/693964.html 学相伴内容网站 https://www.kuangstudy.com/bbs/1585088977101602817
04-05、DivSpan标签
概述 div : divition 语义是“分割” 用于网页的布局架构。—没有语义 span: span 语义是“ 范围跨度” 行内元素的典型代表 用于修饰文本。你可以理解它是strong,i,em标签的父类。只不过这个标签没用任何自带的光环都需要自己用样式去修饰和控制。
特点
都是结构标签div块元素用来定义网页结构会独占文档流会受到宽度和高度内外间距的影响span是行内元素用来修饰文本。
div的认识和定义
04-06、字体样式标签
概述
字体样式标签主要用于修饰文本的字体大小颜色、间隙 粗细是否斜体等。常用于修饰文本的标签有 、、
这些标签天然可以给文本增加一些样式效果 –给文本加粗spanfont-weight:bold 倾斜标签spanfont-stype:i 强调文本-携带语义倾斜标记标签markspanbackground:yellowfont废弃了b也废弃了
特点
strong会自动加粗i是斜体em是倾斜都是行内元素不会受到宽度和高度的影响只会受到左右的内外边距的影响。
代码
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title字体样式标签-strong i em/titlestyle.container{width: 600px;margin: 0 auto;}.container img{max-width: 100%;}mark{background: #eee;color:#ff0000;}/style
/head
bodydiv classcontainerimg srcimages/5.jpg alth1果链警钟从芯片敲向远方/h1p近日strong“歌尔事件”/strong mark成为圈内无人不知的焦点。/mark/ppi11月8日晚间/i歌尔股份披露称公司近日收到境外某大客户通知暂停生产其一款智能声学整机产品。针对该事件对于歌尔股份可能带来的损失歌尔发布的风险提示性公告称“本次业务变动预计影响2022年度营业收入不超过人民币33亿元约占公司2021年度经审计营业收入的4.2%。”/ph2“果链”企业屡陷危机/h2p2013年span stylefont-size:32px;color:red;为了用蓝宝石替代康宁的玻璃屏幕/span 在苹果支持下极特先进GTAT耗资9亿美金在亚利桑那州盖蓝宝石工厂。而却在仅仅一年后迎来残酷结局苹果因为蓝宝石成本高且易碎重回了康宁怀抱。激进扩产的极特先进为了偿还债务甚至沦落到以卖熔炉还债、裁员破产的结局收尾。/ph2铁打的苹果流水的供应商/h2pstrong苹果/strongspan stylefont-weight:bold ;color:red苹果/span现任CEO库克以供应链管理出身在乔布斯任下就以“供应链大师”而闻名。苹果每年都会更新供应商名单一方面是起到更新换代的作用让供应商优胜劣汰相互牵制有利于降低成本另一方面也在增强苹果在供应链中的话语权和掌控力。/p/div/body
/html效果如下 认识
是否斜体 i/em的区别在于如果未来做语音识别的时候如果被em修饰的文字会着重发音。而i不会。当然现在i标签更多用于定义图标。em修饰文本font已经被废弃了。
场景
学相伴文章详情https://www.kuangstudy.com/bbs/1351463043300708353
反思问题
为什么在这里我们要使用字体样式标签而不使用p,h1~h6 在反思一下为什么不用前面学习的标题p超链接a 和图片标签呢 首先用排除法imgbr,hr都是单标签肯定不能修饰文本。a可以超链接可以好像也可以但是你要明白一个逻辑并不是文本都要跳转网页。 但是a也是合适的。但是不合理。那为什么不用p和h1呢原因很简单p和h1都是块元素会换行我在网页设计中 仅仅就是对文本进行一个加粗和强调而已你换行算怎么回事所以我们就不能用块元素的标签包括后面的div等。 从这个例子中也明白一个逻辑每隔标签的类型不一样修饰的信息和功能也不一样这也就是为什么在html的分类中要分块元素和行内元素 也是我每个标签都会去强调的问题。因为在不同的情况下可能选择不同的标签才能达到真正的网页设计开发。
