首页/新闻资讯/正文详情

HTML+CSS(001)

发布时间:2026/11/11 19:07:07 来源:云帆数科 栏目:资讯中心
HTML+CSS(001)
一、计算机组成1.硬件1运算器控制器中央处理器CPU2存储器内存暂时性存储硬件持续化存储3输入设备键盘鼠标4输出设备音响显示器2.软件1系统软件WindowsLinuxMac…(2)应用软件二、C/S架构与B/S架构1.C/S架构客户端/浏览器需要安装偶尔更新不跨平台2.B/S架构浏览器/服务器无需安装无需更新可跨平台三、浏览器相关知识1.五大浏览器Chrome(谷歌)FirefoxSafari(苹果)EdgeOpera2.四大内核BlinkWebKitGeckoTrident三、网页相关知识1.网页的组成结构HTML表现CSS行为JavaScript四、HTML基础知识1.全称HyperText Markup Language(超文本标记语言)2.文档后缀名.html.htm3.别名HTML文档也叫做web页面五、HTML初体验1.步骤新建文本文档 输入内容并保存 修改后缀为.html 双击打开2.Web浏览器程序员写的叫源代码要交给浏览器进行渲染。浏览器读取html文件并将其作为页面展示。3.借助浏览器看网页的源代码在网页空白处单击鼠标右键点击查看网页源代码调试F12(快捷键)有的电脑是FnF12六、HTML标签1.全称HTML标记标签2.概念标签是由尖括号包围的关键词“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.但是严格来讲, HTML 元素元素是从开始标签到结束标签之间的完整结构3.双标签标签名标签体/标签名标签名称作开始/开放标签/标签名称作结束/闭合标签标签名也可以大写标准为小写标签可以进行嵌套4.单标签标签名/ /可省略5.标签之间的关系并列关系嵌套关系6.标签属性1概念属性名“属性值”称作标签属性是HTML元素提供的附加信息2作用用于定义元素的行为、样式、内容或其他特性(3) 格式标签名 属性名“属性值” 属性名“属性值”总是以名称/值对的形式出现4位置标签属性写在开始标签或单标签中5注意点不同的标签有不同的属性也有一些通用属性属性名、属性值都不区分大小写浏览器会自动检查更改推荐小写属性值应该始终包轮廓在引号内双引号是最常用的使用单引号也没有问题在某些个别情况下比如属性值本身就含有双引号就必须使用单引号有些特殊属性没有属性名只有属性值标签中不要出现同名属性否则后写的会失效7.缩进快捷键tab手动四个空格七、HTML基本结构1.在网页中查看代码单击鼠标右键选择“检查”2.检查查看网页源代码查看网页源代码看到的是程序员编写的源代码检查看到的是经过浏览器处理后的源代码3.网页的基本结构htmlheadtitle.../title/headbody.../body/htmlhtml元素是 HTML 页面的根元素想要呈现在网页的内容写在body标签中head标签中的内容不会出现在网页中它包含了文档的元meta数据head标签中的title标签可以指定网页的标题八、HTML注释1.特点注释的内容会被浏览器忽略但源代码中依然可见注释不可以嵌套2.写法!--注释--3.快捷键ctrl/九、HTML文档声明1.位置HTML文件的第一行并且在html标签的外侧2.作用告诉浏览器当前访问的版本H5!DOCTYPEhtml3.注意点doctype声明不区分大小写十、HTML字符编码1. 默认字符集中文网页通常为UTF-8需要使用meta charset UTF-8声明编码否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码则需要设置为meta charsetGBK。2.计算机对数据的操作操作时对数据进行编码读取时对数据进行解码3.使用原则存解一致4.位置与写法headmetacharsetUTF-8/...head/

相关推荐

ARM GIC中断路由机制解析:从GICD_IROUTER寄存器到多核嵌入式系统实战
ARM GIC中断路由机制解析:从GICD_IROUTER寄存器到多核嵌入式系统实战

1. 中断路由:从概念到硬件实现在嵌入式系统,尤其是多核SoC的设计与开发中,中断管理是决定系统实时性、可靠性和性能的关键。想象一下,一个复杂的系统里有几十甚至上百个外设,它们随时可能产生中断请求,而系… · 2026/10/21 8:45:42

AI技能问题解析:从模型不确定性到工程化解决方案
AI技能问题解析:从模型不确定性到工程化解决方案

如果你正在关注 AI 领域的最新动态,可能已经注意到一个现象:很多 AI 项目在演示时看起来无所不能,但一到实际应用就暴露出各种问题。最近,Stability AI 创始人 Emad Mostaque 在一次公开讨论中提到了一个关键问题——AI 系统中的&… · 2026/10/24 10:31:33

Android Camera Sensor HDR详解
Android Camera Sensor HDR详解

Android Camera Sensor HDR 方式详解 1. 什么是 Sensor HDR Sensor HDR 是指在图像传感器(Sensor)硬件层面实现的高动态范围(HDR)采集技术。与传统的多帧软件 HDR 不同,Sensor HDR 在传感器内部就完成多曝光采集或单帧动态范围扩展,从源头获取高动态范围数据。 动态范… · 2026/10/24 11:17:31

六合区报考低压电工证多久拿证 上岗必备证件全攻略
六合区报考低压电工证多久拿证 上岗必备证件全攻略

六合区报考低压电工证多久拿证 上岗必备证件全攻略 你是不是正在找电工相关工作,却发现 急需特种作业证才能上岗找工作 ?别急,今天就带你看清在六合区报考低压电工证的 全流程、时间线和实用干货… · 2026/11/11 19:06:44

证书过期了不知道怎么复审延期?泰安特种工培训含金量全解析
证书过期了不知道怎么复审延期?泰安特种工培训含金量全解析

证书过期了不知道怎么复审延期?泰安特种工培训含金量全解析 证书过期了不知道怎么复审延期?你不是一个人,这种焦虑和迷茫很多人都经历过,尤其是在泰安特种工培训这条路上,证书的含金量直接影响到你的职业发展和收入水平。今天就来聊聊如何应对证书过期问… · 2026/11/11 19:06:44

成都人才电工证报名怎么考?证书过期了不知道怎么复审延期?考前押题帮你稳过!
成都人才电工证报名怎么考?证书过期了不知道怎么复审延期?考前押题帮你稳过!

成都人才电工证报名怎么考?证书过期了不知道怎么复审延期?考前押题帮你稳过! 证书过期了不知道怎么复审延期?这是很多成都电工从业者在遇到岗位变动、项目停工或换岗时最头疼的问题。很多人以为电工证是“一劳永逸”的,结果一不留神就错过了复审期限,影… · 2026/11/11 19:06:44

曹县低压电工证怎么考值不值得考
曹县低压电工证怎么考值不值得考

曹县低压电工证怎么考值不值得考 怕考不过白交培训费?曹县低压电工证怎么考,值不值得考?这是大多数准备报考的人最关心的问题。低压电工证不是一张纸,而是你进入电工行业的“通行证”,尤其在曹县这样的工业城市,电工岗位需求大、门槛高,没有证基本没机… · 2026/11/11 19:06:44

特种工证书宣传词怎么写才更有含金量
特种工证书宣传词怎么写才更有含金量

特种工证书宣传词怎么写才更有含金量 证书过期了不知道怎么复审延期,很多人在遇到这种情况时都会感到焦虑。尤其是在特种作业这个高风险行业中,证书的时效性直接关系到能否继续从事相关工作。特种工证书宣传词不仅要突出证书的 含金量… · 2026/11/11 19:06:44

查验电工证真假的软件怎么用?全国通用证书怎么查?工地电工必看
查验电工证真假的软件怎么用?全国通用证书怎么查?工地电工必看

查验电工证真假的软件怎么用?全国通用证书怎么查?工地电工必看 工地太忙根本没时间复习考试,尤其是像我们这种天天在工地上跑的电工,连吃饭都得抢时间。现在项目进度紧,谁还有空去研究那些证书的事情?可偏偏现在各行各业对证件的查验越来越严格,特别是… · 2026/11/11 19:05:43

电工证丢失还能补吗?千万别踩坑,丢了证等于失业
电工证丢失还能补吗?千万别踩坑,丢了证等于失业

电工证丢失还能补吗?千万别踩坑,丢了证等于失业 你正在找工作,但手里的电工证突然丢了,这下怎么办?别急,先别慌, 电工证丢失还能补吗 ?答案是肯定的,但 千万别踩坑 ,补办流程如果不了解,可能会耽误你上岗、甚至影响到你的收入。… · 2026/11/11 12:18:07

电力电缆作业证直播报名入口与办理流程良心建议
电力电缆作业证直播报名入口与办理流程良心建议

电力电缆作业证直播报名入口与办理流程良心建议 你是不是也担心学历不高报不了名?别急,今天就给你讲讲 电力电缆作业证直播 的报名流程和那些你必须知道的干货, 良心建议 在这里,别错过。 电力电缆作业证直播报名需要什么条件?… · 2026/11/10 17:46:39

英德电工证报考费多少钱,怕考不过白交培训费?看完这篇别再踩坑
英德电工证报考费多少钱,怕考不过白交培训费?看完这篇别再踩坑

英德电工证报考费多少钱,怕考不过白交培训费?看完这篇别再踩坑 怕考不过白交培训费?英德电工证报考费多少钱,你真的了解吗?现在市面上培训机构五花八门,价格参差不齐,很多人一不小心就花了冤枉钱,结果还考不过。别急,今天就来给你说清楚英德电工证的… · 2026/11/11 17:14:54

_中职电工证最新政策解读
_中职电工证最新政策解读

中职电工证在哪考?工地太忙根本没时间复习考试的救星来了 工地太忙根本没时间复习考试,这是很多正在备考 中职电工证 的建筑工友的真实写照。你不是不想考,而是真的没时间。但别担心,这期内容是 新乡初次报考人员… · 2026/11/11 0:00:52

昆明电工证培训价格值不值得考?老电工告诉你真相
昆明电工证培训价格值不值得考?老电工告诉你真相

昆明电工证培训价格值不值得考?老电工告诉你真相 之前考的证在外省能不能转过来?这个问题是很多在外地打工、换城市生活、或者是想在昆明发展的朋友最关心的。尤其是现在云南发展快,很多企业都在招持证上岗的电工,如果你手头有证但不在本地,那这个证是不… · 2026/11/11 0:00:52

特种电缆张工网上查询全攻略:外省证如何转过来
特种电缆张工网上查询全攻略:外省证如何转过来

特种电缆张工网上查询全攻略:外省证如何转过来 之前考的证在外省能不能转过来?这是很多特种作业从业者最关心的问题,尤其是像特种电缆张工这类证书,直接关系到日常工作是否合规、能否顺利晋升。很多小伙伴因为证书归属地的问题,陷入职业发展的瓶颈,甚至… · 2026/11/11 0:00:52

双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试
双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/10 20:19:29

STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析
STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/10 19:22:45

DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案
DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/11 17:15:20

了解更多?预约专属演示

我们的顾问将为您一对一讲解产品与方案

企业微信二维码