solidworks | PHP | c4d | 细胞生物学 | HTML | 冬奥会 | 基因 | 营销策划 | 扫地机器人 | 武侠 | 大学生就业 | 电学 | 国航 | 电子技术研发 | 几何学 | 外星人 | 语言学 | 秦时明月之天行九歌 | 金融数学 | 三国人物 | 休学 | 小店区 | 杨紫 | 植保无人机 | CSS | 陶渊明 | 少数民族 | AutoCAD | 3d打印机 | 香港购物 | 日语语法 | 对联 | matlab | 按键精灵 | 粉丝（Fans） | 语言学习 | 总决赛 | 驾驶经验 | Spss数据分析 | 日本漫画 | 数学建模 | 道德 | 项目管理 | 背景音乐（bgm） | 云主机 | 3D Max | onenote | 游戏原画 | 科学 | 网站建设 | 热血传奇（游戏） | 身高 | 网站运营 | 道教 | 社会学 | 迅雷（软件） | 爬虫（计算机网络） | O2O | 运载火箭 | 遗传学 | 率土之滨 | 百度输入法 | 极限挑战(综艺节目) | 电梯 | 女性主义 | Adobe After Effects | mysql | 办公软件 | 法国 | ps3 | 化学实验 | QQ群 | 中国中央电视台 | 前女友 | 性格 | 免费软件 | 分子生物学 | 金庸小说 | 留学生 | Microsoft SQL Server | 龙珠 | 设计院 | C#编程 | 虚拟机 | 字幕 | 微信群 | 创业项目 | 祛痘 | 图形处理器（gpu） | Microsoft Visual Studio | 动物保护 | C/C++ | facebook | 秦岭 | 燕窝 | 人性 | 下载 | 驾驶技术 | 大学数学 | 封神演义 | 整容 | 西装 | 马克思主义哲学 | 计算机专业 | pdf | thinkpad | 代理 | 参考文献 | 江苏大学 | 游戏手柄 | 城市规划 | 黑洞 | 旅行 | CAD制图 | 风水 | 直播 | 快捷键 | 编辑器 | 机器学习 | 暴走大事件 | 球球大作战 | unity（游戏引擎） | 永恒之塔 | DJI大疆创新 | 传统文化 | wordpress | 仙剑奇侠传（游戏） | 国际物流 | 安徽 | 配音 | 猎头公司 | 在线教育 | 欧洲冠军联赛 | ios游戏 | 洛奇英雄传 | 暗恋 | 网盘 | 星座爱情 | 剧场版 | 面相 | 讯飞输入法 | 记忆力 | 超级战队 | stm32 | 亚马逊中国 | Apple ID | 服装设计 | 网络主播 | 品牌营销 | 情侣 | 新加坡 | 调酒 | 雷欧奥特曼 | 花样姐姐 | 物联网 | 任天堂3ds | 易经 | 户型 | 流氓软件 | 圣经 | 进化 | 垃圾分类 | 函数 | 星际穿越（电影） | 山东工艺美术学院 | 优酷视频 | github | 舰队 Collection | 流行音乐 | 进击的巨人 | playstation vita | 科学研究 | 欢乐麻将 | 史莱姆 | 海关 | Internet Explorer | 刑事案件 | 取名 | 江苏银行 | eDonkey网络 | 表情包 | mfc | 大学军训 | 诸葛亮 | Apple WATCH | 嵌入式系统 | 私募证券投资基金 | iOS应用 | 对外经贸大学 | 最强大脑（电视节目） | 青蛙 | 日本代购 | 巧克力 | 天涯明月刀ol（游戏） | 食用油 | 曹操 | SEO | 生命 | 乌贼 | 我的英雄学院 |

你的位置：网站首页 >> 频道首页 >>军人 >><h2>2?2等于多少</h2>,21july.net/?286594

<h2>2?2等于多少</h2>,21july.net/?286594

来源：蜘蛛抓取(WebSpider) 时间：2023-09-12 10:00 标签： &lt;&gt

1.拨云见日基础入门：HTML、CSS切图流程：传统切图、智能切图、公司里比较流行的一些切图方式等实战阶段：PC企业站布局、PC游戏站布局2.溯本求源扩展知识点（细致、深入、一些新的内容）：扩展HTML、扩展CSS，HTML5新语法（在浏览器中十分成熟，情况不错）CSS3新语法、兼容与hack（不同浏览器之间的一些兼容问题和一些解决方案）3.风生水起现在流行的布局：弹性布局、网格布局移动端布局：流式布局、rem布局等响应式布局 (如何用一套代码适应多种不同的设备）Bookstrap（基于响应式布局的框架，利用它快速搭建网页）4.巧夺天工工程方面：预编译CSS（Less和Css）postcss、CSS架构、高级功能、CSS与JS交互是做网站的编程语言。浏览器把代码解析后的样子就是我们看到的网站。如何看到网站的原始代码呢？通过鼠标右键选择查看网页源代码。如何去写代码？写到哪里呢？一个网站是由N多个网页组成的。每一个网页 -------- .html文件举例：电视剧,40集 -------- .mp4文件补充：百度搜索内容------什么是HTML、CSS?html css分别是指:1、超文本标记语言，html是一种标记语言，它包括一系列标签；2、层叠样式表，css是一种用来表现HTML或XML等文件样式的计算机语言，CSS能够对网页中元素位置的排版进行像素级精确控制。1. html 简介：1.HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。2.超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。2.css简介：1.层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。2.CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。3.HTML与css的关系：1.一个基本的网站包含很多个网页，一个网页由html, css和javascript组成。html是主体，装载各种dom元素；css用来装饰dom元素；javascript控制dom元素。用一扇门比喻三者间的关系是：html是门的门板，css是门上的油漆或花纹，javascript是门的开关；2.HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。4.css优先权：多个css样式可集中在单个html标签里，出现这种情况时，一般按优先权划分：1、浏览器默认设置（最低）2、外部样式表3、内部样式表（写在html的标签内部）4、内联样式（写在html的标签里，即style属性）（最高）5.css的语法:1.css由两个主要部分组成，选择器，一条或多条声明。2.选择器是指css样式的名字“.seletor”，名字前面要带上一点“.”。声明是由属性和值组成，给个例子“margin: 0 auto”，冒号前面是属性，后面是值，该例子是定义元素居中显示。VS Code,全称 Visual Studio Code,来自微软，是一个开源的、基于Electron 的轻量代码编辑器。VS Code下载地址：VS Code下载地址安装插件：语言包、open in browser 、view in borwer学习编辑器基本使用：设置：文件创建文件、创建文件夹、重命名和删除、搜索ctrl + s ：保存ctrl + a : 全选ctrl + x ：剪切ctrl + v ：粘贴ctrl + y ：前进ctrl + z ：撤销shift + end :从头选中一行shift + home :从尾部选中一行shift + alt + ↓ ：快速复制一行alt + ↑ 或 ↓ : 快速移动一行tab : 向后缩进tab + shift ：向前缩进多光标：alt + 鼠标左键ctrl + d :选择相同元素的下一个ctrl + alt + A : 截图谷歌浏览器（Google ）是一款让您更快速、轻松且安全地使用网络的浏览器。主流浏览器分类主流的浏览器分为IE、Microsoft Edge、Chrome、Firefox、Safari等几大类，它们具有以下特点：1、IE浏览器。IE浏览器是微软推出的Windows系统自带的浏览器，它的内核是由微软独立开发的，简称IE内核，该浏览器只支持Windows平台。国内大部分的浏览器，都是在IE内核基础上提供了一些插件，如360浏览器、搜狗浏览器等2、Microsoft Edge浏览器。Microsoft Edge是由微软开发的基于Chromium的浏览器。3、Chrome（谷歌）浏览器。Chrome浏览器由Google在开源项目的基础上进行独立开发的一款浏览器，市场占有率第一，而且它提供了很多方便开发者使用的插件，因此该浏览器也是本书开发的主要浏览器。Chrome浏览器不仅支持Windows平台，还支持Linux、Mac系统，同时它也提供了移动端的应用（如Android和iOS平台）4、Firefox（火狐）浏览器。Firefox浏览器是开源组织提供的一款开源的浏览器，它开源了浏览器的源码，同时也提供了很多插件，方便了用户的使用，支持Windows平台、Llnux平台和Mac平台5、Safari浏览器。Safari浏览器主要是Apple公司为Mac系统量身打造的一款浏览器，主要应用在Mac和iOS系统中UI设计师：设计稿web前端开发工程师（H5开发）设计稿→代码数据库里的数据→显示到页面HTML + CSSHTML: 结构CSS: 样式web后端开发工程师了解前端的另外一项技能：JavaScript,与HTML、CSS之间的关系1.JavaScript（简称“JS”）是当前最流行、应用最广泛的客户端脚本语言，用来在网页中添加一些动态效果与交互功能，在 Web 开发领域有着举足轻重的地位。2.JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页，其中：HTML 用来定义网页的内容，例如标题、正文、图像等；CSS 用来控制网页的外观，例如颜色、字体、背景等；3.JavaScript 用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些标签的样式或其中的内容等，可以让网页更加生动。JavaScript 与 ECMAScript 的关系1.ECMAScript（简称“ES”）是根据 ECMA-262 标准实现的通用脚本语言，ECMA-262 标准主要规定了这门语言的语法、类型、语句、关键字、保留字、操作符、对象等几个部分，目前 ECMAScript 的最新版是 2.ECMAScript6（简称“ES6”）。至于 JavaScript，有时人们会将 JavaScript 与 ECMAScript 看作是相同的，其实不然，JavaScript 中所包含的内容远比 ECMA-262 中规定的多得多，完整的 JavaScript 是由以下三个部分组成：3.核心（ECMAScript）：提供语言的语法和基本对象；文档对象模型（DOM）：提供处理网页内容的方法和接口；浏览器对象模型（BOM）：提供与浏览器进行交互的方法和接口。如何运行 JavaScript1.作为一种脚本语言，JavaScript 代码不能独立运行，通常情况下我们需要借助浏览器来运行 JavaScript 代码，所有 Web 浏览器都支持 JavaScript。2.除了可以在浏览器中执行外，也可以在服务端或者搭载了 JavaScript 引擎的设备中执行 JavaScript 代码，浏览器之所以能够运行 JavaScript 代码就是因为浏览器中都嵌入了 JavaScript 引擎，常见的 JavaScript 引擎有：V8：Chrome 和 Opera 中的 JavaScript 引擎；SpiderMonkey：Firefox 中的 JavaScript 引擎；Chakra：IE 中的 JavaScript 引擎；ChakraCore：Microsoft Edge 中的 JavaScript 引擎；SquirrelFish：Safari 中的 JavaScript 引擎。JavaScript 的特点JavaScript 具有以下特点：解释型脚本语言JavaScript 是一种解释型脚本语言，与 C、C++ 等语言需要先编译再运行不同，使用 JavaScript 编写的代码不需要编译，可以直接运行。面向对象JavaScript 是一种面向对象语言，使用 JavaScript 不仅可以创建对象，也能操作使用已有的对象。弱类型JavaScript 是一种弱类型的编程语言，对使用的数据类型没有严格的要求，例如您可以将一个变量初始化为任意类型，也可以随时改变这个变量的类型。动态性JavaScript 是一种采用事件驱动的脚本语言，它不需要借助 Web 服务器就可以对用户的输入做出响应，例如我们在访问一个网页时，通过鼠标在网页中进行点击或滚动窗口时，通过 JavaScript 可以直接对这些事件做出响应。跨平台JavaScript 不依赖操作系统，在浏览器中就可以运行。因此一个 JavaScript 脚本在编写完成后可以在任意系统上运行，只需要系统上的浏览器支持 JavaScript 即可。第五点中二三级标题所阐述内容转载自：HTML: 结构CSS: 样式Java Script ：行为（交互）代码：

HTML+CSS系列教程

HTML：超文本标记语言（HyperText Markup Language）,标准通用标记语言下的一个应用。是网页制作必备的编程语言。HTML：超文本标记语言超文本：文本内容 + 非文本内容（图片、视频、音频等）标记：<单词>语言; 编程语言标记也叫做标签：

HTML结构和HTML属性的含义：所谓html属性，指的就是各个标签所具有的属性最为常见的属性包括：id、class、name、style、type、value等不同的标签还有各自的专属属性，比如表格元素所专用的 colspan rowspanhtml属性是书写于标签当中的，如：input是标签名，而type、name、id都是这个标签的属性当然，用户还可以自定义属性。HTML 属性介绍：属性为 HTML 元素提供附加信息。HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现，比如：name=“value”。属性总是在 HTML 元素的开始标签中规定。每一个.html文件都需要添加初始代码，初始代码就是无论你写什么样的网页，这些代码都是要有的，这就是初始代码。要符合html的文件的规范写法。！ + tab键：快速键的创建html的初始代码html的初始代码如下：** **文档声明**：告诉浏览器这是一个html文件 html文件的最外层标签：包裹着所有html标签代码 lang="en"表示是一个英文网站 lang="ah-CN"表示一个中文网站元信息：是编写网页中的一些赋值信息 charset="UTF-8"国际编码，让网页不出现乱码的情况 Document 显示网页内容的区域 ** 写法：在浏览器中看不到，只能在代码中看到注释的内容意义：1.把暂时不用的代码注释起来，方便以后使用。2.对开发人员进行提示。3.快捷添加注释与删除注释：ctrl + /shift + alt + a**代码： Document

hello world

** 1.所谓HTML语义化指的是，根据网页中内容的结构，选择适合的HTML标签进行编写。2.标签：列表标签、标题标签、段落标签等3.好处：在没有CSS的情况下，页面也能呈现出很好的内容结构有利于SEO，让搜索引擎爬虫更好的理解网页方便其它设备解析（如屏幕阅读器、盲人阅读器等）便于团队开发和维护1.标题 -->双标签：

…

2.h标签：网页内容区域3.在一个网页中，h1标题最重要，并且一个.html文件中只能出现一次h1标签。4.h5、h6 标签在网页中不常使用。5.p标签：段落 -> 双标签 :

**代码： Document

标题

这是一个段落

** **代码练习： Document

关晓彤个人资料

基本信息

关晓彤，1997年9月17日出生于北京市，中国内地影视女演员、歌手

2008年，因在年代爱情剧《幸福还有多远》中饰演大丫而崭露头角。2014年，凭借时尚情感剧《一仆二主》获国剧盛典观众喜爱的新人女演员奖。2015年，发行个人音乐专辑《十八》。

** 强调 -->双标签：、区别：写法和展示效果是由区别的，一个加粗、一个斜体stong的强调性更强，em的强调性稍弱。在这里插入代码片**：表示强调，会对文本进行加粗** ：表示强调，会对文本进行斜体^{、^{: 下标文本、上标文本、 :删除文本、插入文本注：一般情况下，删除文本都是和插入文本配合使用的。**代码：

Document

这是一段需要强调的文本
这是一段需要强调的文本

a ² + b² = c² H²0

北京著名的高档百货店——赛特购物中心即将闭店。昨天，赛特购物中心总台服务人员表示“如果手里有购物卡，请尽快到店内消费”。据这位服务人员介绍，目前赛特购物中心正在进行购物大甩卖。特价电视原价3600元，现在清仓价只需1000元。

**
: 图片img -> 单标签src : 引入图片的地址alt : 当图片出现问题的时候，可以显示一段友好的文字title：提示信息width 、height:图片的大小
代码：

Document

第一个段落
第二个段落

相对路径.在路径中表示当前路径…在路径中表示上一级路径**代码：

Document

\ target="_blank">访问百度

**
**代码：

Document

返回首页

**
**两种做法：#号 + id 属性#号 + name属性（注意name属性加给的是a标签）**实现一: #号id属性**代码：

Document

HTML
css
JavaScript
HTML超文本标记语言
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落
CSS层叠样式表
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落
JS脚本

**
实现二：#号name属性**代码：

Document

HTML

JavaScript

HTML超文本标记语言
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落

CSS层叠样式表
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落

JS脚本
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落
模拟的段落

**
编写一些文本时，经常会遇到输入法无法输入的字符，（见下图）还有往一段文字中加入多个空格时，页面并不会解析出多个空格。这些无法输入和空格字符都是特殊字符，在HTML中，为这些特殊字符准备了专门的代码。特殊字符：1. & + 字符2. 解决冲突：左右尖括号、添加多个空格的实现3. &It ; > ; ;下图：1.无序列表 →、符合嵌套的规范2.有序列表 →、一般用的比较少，可以用无序列表来实现无序列表、：列表最外层容器、列表项注：ul 和 li 必须是组合出现的，他们之间是不能有其他标签的type属性：改变前面标记的样式（一般都是用CSS去控制）例如下图：**代码：

Document

第一项
第二项

**
HTML
标签:
属性值：
转载自：创建无序列表:**代码：

Document

第一项
第二项

**
: 列表的最外层容器 : 列表项注：有序列表用的非常少，经常用的是无序列表，无序列表可以去代替有序列表。( 和之间是有嵌套规范的：和是紧邻的两个标签，一般在他们中间是不能够出现其他标签的)效果：音乐的排行榜、球队的排行榜等（做一个排行榜可以用无序列表，也可以使用有序列表）很多的排序列表采用来做也是非常常见的。有序列表用的非常少，因为我们经常用无序列表来代替有序列表如上图的123项，在正常开发的时候是要删去的，然后再利用CSS来实现。在正常情况下，样式都是用CSS来控制的type属性：改变前面标记的样式（一般都是用CSS去控制）例如下图：HTML
标签:
可选的属性：
转载自：
无序列表示例;
**代码：

Document

第一项
第二项
第三项

**
有序列表的练习：**代码：

Document

都说
我的祖国
夜空中最亮的星
父亲
青花瓷

**
:定义列表:定义专业术语或名词
:对名词进行解释和描述定义列表 → 、、
列表项需要添加标题和对标题进行描述的内容创建定义列表示例：**代码：

Document

HTML
超文本标记语言
CSS
层叠样式表
JavaScript
网页脚本语言

**
定义列表与有序列表和无序列表的区别：有一个类似于标题和标题内容的结构列表之间可以互相嵌套形成多层级列表。嵌套列表小案例：（有序与无序）代码：

Document

辽宁省

沈阳
大连
丹东

山东省

济南
青岛
烟台

代码：

Document

好美味小吃

小吃类

煮粉干
拌青菜
蛋炒饭
煎蛋
米饭

卤味类

鸭肠
面筋
牛肚
猪耳朵
猪头肉
大肠
鱿鱼

套餐类

卤面筋饭
猪肉肉饭
猪耳朵饭
卤猪脚饭
卤猪舌头饭

炖罐类

猪蹄黄豆
猪肚莲子
猪心枸杞
羊肉枸杞
牛肉枸杞

亲，20元以上可送套餐哦！！

（定义列表嵌套）代码：

Document

中国

辽宁省
沈阳
大连
丹东

山东省
济南
青岛
烟台

美国
洛杉矶
纽约

在HTML当中，提供了和 Excel表格很类似的功能——表格:表格的最外层容器:定义列表格行、、语义化标签的意义：他们只是代表语义化，并不会对网页造成一些效果、影响，它只是使得表格更加符合HTML规范。注：1.之前是有嵌套关系的，要符合嵌套规范。2.在一个table中，是可以出现多次的，但是、只能出现一次代码示例：

Document

:定义列表格头 :定义列表格单元
:定义表格标题语义化标签：

天气预报

日期
天气情况
出行情况

2022年10月20日

天气晴朗，适合出行

有小雨，出门请带伞

border:表格边框cellpadding:单元格内的空间cellspacing:单元格之间的空间rowspan:合并行colspan:合并列align:左右对齐方式（left、center、right）valign:上下对齐方式 (top、middle、bottom)代码：

Document

天气预报

日期
天气情况
出行情况

2022年10月20日
白天

天气晴朗，适合出行

2022年10月20日
夜晚

天气晴朗，适合出行

2022年10月21日
白天

天气晴朗，适合出行

2022年10月21日
夜晚

有小雨，出门请带伞

**:**表单的最外层容器:标签用于搜集用户信息，根据不同的 type 属性值，展示不同的控件，如输入框、密码框、复选框等。（单标签）标签有一个 type 属性，决定是什么控件。注意：表格和表单的不同之处在于，表格需要严格符合嵌套规范的，表单是不需要的，没有严格的嵌套规范。密码框、输入框、复选框、单选框（要加上name属性）、上传文件、提交按钮、重置按钮：代码：

Document

输入框：

密码框：

复选框
苹果
香蕉
葡萄
单选框
男
女

代码：

Document

输入框：

密码框：

复选框
苹果
香蕉
葡萄
单选框
男
女
上传文件

提交按钮和重置按钮

提交按钮和重置按钮

代码：

Document

输入框：

密码框：

复选框
苹果
香蕉
葡萄
单选框
男
女
上传文件

提交按钮和重置按钮

:多行文本框<select>、<option>:下拉菜单<label> : 辅助表单还有一些常见的属性：checked、disabled、name、for……ctrl （+ 鼠标左键）：多选代码：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>多行文本框</h2>
<textarea cols="30" rows="10">
下拉菜单

代码：

Document

多行文本框

下拉菜单

代码：

Document

多行文本框

下拉菜单

男
女

表格表单之间可以组合形成数据展示效果练习：组合表格表单小案例：（表格有嵌套规范，表单没有嵌套规范）代码：

Document

总体信息
用户注册

用户名：

密码：

div（块）：div全称为division.“分割、分区”的意思，标签用来划分一个区域，相当于一块区域容器，可以容纳段落、标题、表格、图像等各种网页元素。即HTML中大多数的标签都可以嵌套在标签中，中还可以嵌套多，用来将网页分割成独立的。不同的部分，来实现网页的规划和布局。span（内联）：用来修饰文字的，div与apan都是没有任何默认样式的，需要配合CSS才行。(第五标签是划分区域的，span标签是进行文本修饰的)代码：

Document

最先做导航页的是htmls扒一扒中国网址导航的发展史

网址导航的诞生:1999年，网络在中国逐渐普及，当时中文网站不仅内容不够丰富，数量也较少，而且复杂的英文域名很难记忆，
对于那时候连打字都困难的网民来说，在网上找资料的确不是件易事。此时，第一代网址导航应运而生，仅仅是以网站收录归类为主，便获得了广大网民的青睐，国内比较早的是李兴平创建的hao123导航和后来蔡文胜创建的265导航，而后分别被百度和谷歌两家巨头纳入旗下。
https://www.niaogebiji.com/article-5082-1.html

代码：

Document

最先做导航页的是htmls扒一扒中国网址导航的发展史

网址导航的诞生:1999年，网络在中国逐渐普及，当时中文网站不仅内容不够丰富，数量也较少，而且复杂的英文域名很难记忆，
对于那时候连打字都困难的网民来说，在网上找资料的确不是件易事。此时，第一代网址导航应运而生，仅仅是以网站收录归类为主，便获得了广大网民的青睐，国内比较早的是李兴平创建的hao123导航和后来蔡文胜创建的265导航，而后分别被百度和谷歌两家巨头纳入旗下。
https://www.niaogebiji.com/article-5082-1.html

**格式（基本）：**选择器{属性1：值1；属性2：值2}**单位：**px→像素（pixel）、% →百分比**基本样式：**width、height、background-colorstyle标签含义：给页面添加样式px：是一个长度单位，在计算机中表示像素（屏幕的分辨率：横向的像素*纵向的像素）百分比：% 例：外容器→600px 当前容器50%→300pxCSS注释：/ CSS注释的内容 /两种注释方法 : shift+alt+a ctrl+/代码：

Document

这是一个块
又是一个块
这是一个内联

**内联（行内、行间）样式：**在html标签上添加style属性来实现**内部样式：**在

这是一个块
另外一个块

引入一个单独的CSS文件，name、css 标签：是当前页面和一个外部资源的映射关系，引入关系属性→rel：表示引入资源类型，可以通过rel来指定属性→href : 表示引入外部资源的地址（无论我们写内部样式还是外部样式，要注意这个是可以忽略空格的，或者是折行去写，这个都是可以的）@import : 引入外部样式(注：这种方式有很多问题，不建议使用) 属性→rel的属性值：该图片转载自：代码：

Document

这是一个块

第二种：代码：

Document

这是一个块

单词表示法：red、yellow、blue、green……十六进制表示法：（0 1 2 3 4 5 6 7 8 9 a b c d e f）#000000 : 十六进制表示法中的最小值#ffffff：十六进制表示法中的最大值（#000000：黑色 #ffffff:白色 #ffoooo:红色）RGB（红绿蓝）三原色表示法：rgb (255,255,255) ; 取值范围：0~255颜色图表：获取颜色的工具：提取颜色的下载地址：提取颜色的下载地址：photoshop工具练习：创建一个100100红色的方块，一个200150蓝色的方块。代码：

Document

1.background-color：背景颜色2.background-image：背景图片→url（背景地址）（虽然添加的是一张，但是它会把这个整个容器填满 → 默认的形式：会水平垂直都铺满背景图）背景图和img图片标签的区别：图片标签：主要是用于展示类的（在文章当中，在广告当中经常用于展示图片的）背景图：主要是在网站当中做装饰性的图片（做一个小的图标，做一个背景的修饰）3.background-repeat：背景图片的平铺方式repeat-xrepeat-yrepeat（x , y 都进行平铺，默认值）no-repeat 都不平铺4.background-position：背景图片的位置x y ：1.number：设置一个正数：向右和向下设置设置一个负数：向左和向上设置2.单词：x : left、center、righty : top、center、bottom3.像素，百分比（px、%）5.background-attachment：背景图随滚动条的移动方式（滚动条：给body加上一个高度）可选值：scroll：默认值（背景位置是按照当前元素进行偏移的）fixed：（背景位置是按照浏览器进行偏移的）代码：

Document

利用滚动条移动方式实现视觉差网页代码：

Document

border-style:边框的样式（实线：solid 虚线：dashed 点线：dotted）border-width:边框的大小（px……）border-color:边框的颜色（#f00、red……）注：针对某一条边进行单独设置边框也可以针对某一条边进行单独设置：border-left-style : 中间是方向 left、right、top、bottom代码：

Document

代码：

Document

代码：

Document

练习:利用边框实现三角形颜色：透明颜色 transparent代码：

Document

代码：

Document

front-family ：字体样式英文字体：Arial, ‘Times New Roman’中文字体：微软雅黑，宋体默认样式：微软雅黑中文字体的英文名称：微软雅黑：‘Microsoft YaHei’宋体：SimSun衬线体与非衬线体：（区别：衬线体：有棱角，非衬线体：比较平滑，扁平化设计，比较简练、简单、直观）宋体：衬线体，微软雅黑：非衬线体注意事项：1.设置多字体方式（一般通过逗号隔开，原因：字体在网页当中识不识别是根据我们电脑里的字体是否存在决定的，有先后识别的字体顺序，如果都没有，那么它会按照电脑上的默认字体来进行）演示：控制面板→类别→大图标→字体2.引号的问题（有空格，引号引起来将他认为是一个整体）代码：

Document

这是一段文字
这是一段文字
this is a text
this is a text

代码：

Document

这是一段文字
这是一段文字
this is a text
this is a text

front-size：字体大小默认大小：16px写法：（单词表示法不建议使用）注：字体大小一般为偶数代码：

Document

这是一段文字
这是一段文字
this is a text
this is a text

font-weight:字体加粗模式：正常（normal）加粗（bold）写法：单词（normal、bold）数值写法:number（100、200……900一直到成百的整数，100到500都是正常的，600到900都是加粗的）font-style：字体样式模式：正常（normal）斜体（italic）写法：单词（normal、italic）注：oblique也是表示斜体，用的比较少，一般了解即可。区别：1. italic 带有倾斜字体的才可以设置倾斜操作2. oblique 没有倾斜属性的字体也可以设置倾斜操作color：字体颜色段落样式和字体很类似，他们都是针对文字的，只不过段落样式是针对多段文字这样比较大的篇幅的文字展开的text-decotation：文本装饰下划线：underline删除线：line-through上划线：overline不添加任何装饰：none注：添加多个文本修饰 : 空格隔开 underline line-through overline代码：

Document

新中国的成立开辟了中国历史新纪元。

text-transform：文本大小写（针对英文段落）小写：lowercase大写：uppercase只针对首字母大写：capitalize代码：

Document

新中国的成立开辟了中国历史新纪元。
You are very good.I am very happy.What is happened to you ?

text-indent：文本缩进首行缩进em单位：相对单位，1em永远都是和字体大小想相同代码：

Document

新中国的成立开辟了中国历史新纪元。

text-align:文本对齐方式常用对齐：left、right、center、justify（两端点对齐）代码：

Document

新中国的成立开辟了中国历史新纪元。
you are very good.i am very happy.what is happened to you ?

line-height：定义行高1.定义：行高：一行文字的高度，由三部分组成：上边距、字体大小、下边距（在一段文字当中，每一行的上边距、下边距、上下边距都是等价的关系）2.行高默认值：不是一个固定值，而是变化的。根据当前字体的大小在不断的变化。3.取值：number(px)、scale（比例值，跟文字大小成比例 1→16px）代码：

Document

新中国的成立开辟了中国历史新纪元。
you are very good.i am very happy.what is happened to you ?

letter-spacing:字之间的间距word-spacing：词之间的间距（针对英文段落的）强烈折行：（针对英文）英文和数字不自动折行的问题：1.word-break：break-all;（非常强烈的折行）2.word-wrap:break-word;（不是那么强烈的折行，会产生一些空白区域）练习：完善个人简介代码：

Document

新中国的成立开辟了中国历史新纪元。
you are very good i am very happywhat is happened to you dfg ert ghj jkl hjkl
hjjkljknjklnjknjnjklnjkn jkljkldgjskdflg uiorien jljkgkldfs kllkfn jflkjks kfdkldfj jklsd jmdflk gir klklng kf
you are very good i am very happywhat is happened to you dfg ert ghj jkl hjkl
hjjkljknjklnjknjnjklnjkn jkljkldgjskdflg uiorien jljkgkldfs kllkfn jflkjks kfdkldfj jklsd jmdflk gir klklng kf

代码：

Document

关晓彤简介

基本信息
关晓彤，1997年9月17日出生于北京市，中国内地影视女演员、歌手
2008年，因在年代爱情剧《幸福还有多远》中饰演大丫而崭露头角。
2014年，凭借时尚情感剧《一仆二主》获国剧盛典观众喜爱的新人女演员奖。2015年，发行个人音乐专辑《十八》。

```
一个CSS属性只控制一种样式，叫做单一样式。一个CSS属性控制多种样式，叫做复合样式。复合样式的写法：是通过空格的方式实现的。复合写法有的是不需要关心顺序，例如background、border……但是，font 是字体的复合样式，需要关心顺序1.background：red url () repeat 0 0;2.border：1px red solid;3.font :注：最少要有两个值 size family（先写字体大小再写字体类型）weight style size familystyle weight size familyweight style size/line-height family注：尽量不要混写，如果非要混写，那么一定要先写复合样式再写单一样式，这样样式才不会被覆盖掉。代码：

Document

这是一段文字

代码：

Document

这是一段文字

ID选择器css : #elem{}html : id=“elem”注：1.ID是唯一值，在一个页面中，2.命名规范：由字母、下划线、中划线、字母（并且第一个不能是数字)3.驼峰写法：searchButton（小驼峰）searchButton（大驼峰）searchSmallButton短线写法：search-small-button下划线写法：search_small_button部分CSS命名规则：代码：

Document

这是一个块
这是又一个块

CLASS选择器（可以重复利用）css : #.elem{}html : class=“elem”注：1.class选择器是可以复用的2.可以添加多个class样式3.多个样式的时候，样式的优先级根据CSS决定，而不是class属性中的顺序4.标签+类的写法代码：

Document

这是一个块
这又是一个块
这是一个段落

提交成功是否继续回答问题？

手机回答更方便，互动更有趣，下载APP

推荐律师服务：

若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

下载百度知道APP，抢鲜体验使用百度知道APP，立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。扫描二维码下载

×个人、企业类侵权投诉

违法有害信息,请在下方选择后提交

类别色情低俗

涉嫌违法犯罪

时政信息不实

垃圾广告

低质灌水

我们会通过消息、邮箱等方式尽快将举报结果通知您。说明

做任务开宝箱累计完成0

个任务

10任务

50任务

100任务

200任务

任务列表加载中...

我要回帖

说的太好了，我顶！

更多关于 &lt;&gt 的文章

·2/π<β﹤α<3/4π怎么算
·1/2<()<3/4的最简真分数只有2/3吗
·<h2>2?2等于多少</h2>,youcheyun.net/?514980
·<h2>2?2等于多少</h2>,youcheyun.net/?307481
·<h2>2?2等于多少</h2>,chernykh.net/?536098
·<h2>2?2等于多少</h2>,chernykh.net/?538419
·<h2>2?2等于多少</h2>,chernykh.net/?214398
·<h2>2?2等于多少</h2>,chernykh.net/?927865
·<h2>2?2等于多少</h2>,youcheyun.net/?183920
·<h2>2?2等于多少</h2>,youcheyun.net/?897610
·<h2>2?2等于多少</h2>,youcheyun.net/?574806
·<h2>2?2等于多少</h2>,chernykh.net/?641870
·<h2>2?2等于多少</h2>,chernykh.net/?107654
·<h2>2?2等于多少</h2>,chernykh.net/?598714
·<h2>2?2等于多少</h2>,chernykh.net/?453916
·<h2>2?2等于多少</h2>,chernykh.net/?497862
·<h2>2?2等于多少</h2>,chernykh.net/?871523
·<h2>2?2等于多少</h2>,chernykh.net/?347618
·<h2>2?2等于多少</h2>,chernykh.net/?597132
·<h2>2?2等于多少</h2>,21july.net/?217603
·<h2>2?2等于多少</h2>,21july.net/?286594
·<h2>2?2等于多少</h2>,21july.net/?170523
·<h2>2?2等于多少</h2>,21july.net/?147530
·<h2>2?2等于多少</h2>,21july.net/?673085
·<h2>2?2等于多少</h2>,21july.net/?914278
·<h2>2?2等于多少</h2>,21july.net/?254703
·<h2>2?2等于多少</h2>,21july.net/?367891
·<h2>2?2等于多少</h2>,21july.net/?072635
·<h2>2?2等于多少</h2>,21july.net/?416328
·<h2>2?2等于多少</h2>,21july.net/?246859
·<h2>2?2等于多少</h2>,sellmaii.net/?256348
·<h2>2?2等于多少</h2>,sellmaii.net/?805692
·<h2>2?2等于多少</h2>,sellmaii.net/?802197
·<h2>2?2等于多少</h2>,sellmaii.net/?062143
·<h2>2?2等于多少</h2>,sellmaii.net/?832450
·<h2>2?2等于多少</h2>,sellmaii.net/?967381
·<h2>2?2等于多少</h2>,sellmaii.net/?573894
·<h2>2?2等于多少</h2>,sellmaii.net/?750483
·<h2>2?2等于多少</h2>,sellmaii.net/?368279
·<h2>2?2等于多少</h2>,92.vcay.net/?478062
·<h2>2?2等于多少</h2>,92.vcay.net/?174358
·<h2>2?2等于多少</h2>,damoc.cc/?786459
·<h2>2?2等于多少</h2>,damoc.cc/?925341
·<h2>2?2等于多少</h2>,damoc.cc/?826047
·<h2>2?2等于多少</h2>,damoc.cc/?342956
·<h2>2?2等于多少</h2>,damoc.cc/?319627
·<h2>2?2等于多少</h2>,damoc.cc/?308796
·<h2>2?2等于多少</h2>,damoc.cc/?358769
·<h2>2?2等于多少</h2>,damoc.cc/?627504
·<h2>2?2等于多少</h2>,readsbook.cc/?072689
·<h2>2?2等于多少</h2>,readsbook.cc/?651389
·<h2>2?2等于多少</h2>,readsbook.cc/?931584
·<h2>2?2等于多少</h2>,readsbook.cc/?094357
·<h2>2?2等于多少</h2>,readsbook.cc/?786031
·<h2>2?2等于多少</h2>,readsbook.cc/?932706
·<h2>2?2等于多少</h2>,readsbook.cc/?340156
·<h2>2?2等于多少</h2>,huaye.cc/?584326
·<h2>2?2等于多少</h2>,huaye.cc/?315847
·<h2>2?2等于多少</h2>,huaye.cc/?825134
·<h2>2?2等于多少</h2>,huaye.cc/?051829
·<h2>2?2等于多少</h2>,huaye.cc/?239478
·<h2>2?2等于多少</h2>,huaye.cc/?308472
·<h2>2?2等于多少</h2>,huaye.cc/?570263
·<h2>2?2等于多少</h2>,huaye.cc/?863504
·<h2>2?2等于多少</h2>,cqzc.cc/?326409
·<h2>2?2等于多少</h2>,cqzc.cc/?075813
·<h2>2?2等于多少</h2>,cqzc.cc/?506482
·<h2>2?2等于多少</h2>,cqzc.cc/?863029
·<h2>2?2等于多少</h2>,cqzc.cc/?753018
·<h2>2?2等于多少</h2>,cqzc.cc/?635287
·<h2>2?2等于多少</h2>,cqzc.cc/?831942
·<h2>2?2等于多少</h2>,cqzc.cc/?948751
·<h2>2?2等于多少</h2>,cqzc.cc/?831247
·<h2>2?2等于多少</h2>,cqzc.cc/?495136
·<h2>2?2等于多少</h2>,cqzc.cc/?581493
·<h2>2?2等于多少</h2>,cqzc.cc/?045298
·<h2>2?2等于多少</h2>,cqzc.cc/?831072
·<h2>2?2等于多少</h2>,cqzc.cc/?679410
·<h2>2?2等于多少</h2>,cqzc.cc/?834527
·<h2>2?2等于多少</h2>,cqzc.cc/?238019
·<h2>2?2等于多少</h2>,cqzc.cc/?541632
·<h2>2?2等于多少</h2>,cqzc.cc/?892617
·<h2>2?2等于多少</h2>,cqzc.cc/?654820
·<h2>2?2等于多少</h2>,cqzc.cc/?159478
·<h2>2?2等于多少</h2>,cqzc.cc/?684925
·<h2>2?2等于多少</h2>,cqzc.cc/?618024
·<h2>2?2等于多少</h2>,cqzc.cc/?618304
·<h2>2?2等于多少</h2>,cqzc.cc/?860593
·<h2>2?2等于多少</h2>,cqzc.cc/?816045
·<h2>2?2等于多少</h2>,cqzc.cc/?679235
·<h2>2?2等于多少</h2>,cqzc.cc/?950162
·<h2>2?2等于多少</h2>,cqzc.cc/?032417
·<h2>2?2等于多少</h2>,cqzc.cc/?860293
·<h2>2?2等于多少</h2>,cqzc.cc/?153609
·<h2>2?2等于多少</h2>,cqzc.cc/?534821
·<h2>2?2等于多少</h2>,cqzc.cc/?316278
·<h2>2?2等于多少</h2>,cqzc.cc/?816409
·<h2>2?2等于多少</h2>,cqzc.cc/?351796
·<h2>2?2等于多少</h2>,cqzc.cc/?293706
·<h2>2?2等于多少</h2>,cqzc.cc/?239658
·<h2>2?2等于多少</h2>,cqzc.cc/?745620
·<h2>2?2等于多少</h2>,cqzc.cc/?201489
·<h2>2?2等于多少</h2>,cqzc.cc/?983017
·<h2>2?2等于多少</h2>,cqzc.cc/?874195
·<h2>2?2等于多少</h2>,cqzc.cc/?107548
·<h2>2?2等于多少</h2>,cqzc.cc/?082149
·<h2>2?2等于多少</h2>,cqzc.cc/?715294
·<h2>2?2等于多少</h2>,cqzc.cc/?873926
·<h2>2?2等于多少</h2>,cqzc.cc/?356248
·<h2>2?2等于多少</h2>,cqzc.cc/?839264
·<h2>2?2等于多少</h2>,cqzc.cc/?810753
·<h2>2?2等于多少</h2>,cqzc.cc/?648752
·<h2>2?2等于多少</h2>,cqzc.cc/?692714
·<h2>2?2等于多少</h2>,cqzc.cc/?562049
·<h2>2?2等于多少</h2>,cqzc.cc/?987523
·<h2>2?2等于多少</h2>,cqzc.cc/?085392
·<h2>2?2等于多少</h2>,cqzc.cc/?568329
·<h2>2?2等于多少</h2>,vipzcc.cc/?935814
·<h2>2?2等于多少</h2>,vipzcc.cc/?418972
·<h2>2?2等于多少</h2>,vipzcc.cc/?861402
·<h2>2?2等于多少</h2>,vipzcc.cc/?304781
·<h2>2?2等于多少</h2>,vipzcc.cc/?480915
·<h2>2?2等于多少</h2>,vipzcc.cc/?571063
·<h2>2?2等于多少</h2>,vipzcc.cc/?618239
·<h2>2?2等于多少</h2>,vipzcc.cc/?857139
·<h2>2?2等于多少</h2>,vipzcc.cc/?038962
·<h2>2?2等于多少</h2>,vipzcc.cc/?572093
·<h2>2?2等于多少</h2>,vipzcc.cc/?312954
·<h2>2?2等于多少</h2>,vipzcc.cc/?496170
·<h2>2?2等于多少</h2>,vipzcc.cc/?634257
·<h2>2?2等于多少</h2>,vipzcc.cc/?807941
·<h2>2?2等于多少</h2>,vipzcc.cc/?490567
·<h2>2?2等于多少</h2>,vipzcc.cc/?051698
·<h2>2?2等于多少</h2>,vipzcc.cc/?378529
·<h2>2?2等于多少</h2>,vipzcc.cc/?304267
·<h2>2?2等于多少</h2>,vipzcc.cc/?089356}}

:定义表格标题语义化标签：
:定义列表格头	:定义列表格单元

天气预报
日期	天气情况	出行情况
2022年10月20日		天气晴朗，适合出行
	有小雨，出门请带伞

天气预报
日期	天气情况
2022年10月20日	白天	天气晴朗，适合出行
2022年10月20日	夜晚	天气晴朗，适合出行
2022年10月21日	白天	天气晴朗，适合出行
2022年10月21日	夜晚	有小雨，出门请带伞

随机推荐

美团老用户变新用户bug一直购买几次商品才显示老客户？

河北省中学排名前十地区有哪些教学水平较高的中学？

word里面添加的表格，能表格设置条件格式怎么设置吗？

机械挂钟走一会就停摆一直不停，为什么指钟不动？

选择什么高中，高考会有优势的呢？在眉山有哪些职高学校这边的？

PRpr中如何导入音频频详解PR音频导入步骤？

刷新的快捷键是哪个快速掌握强制刷新浏览器快捷键刷新技巧？

如何怎么申请订阅号号订阅号申请步骤详解？

京东我的预约京东在哪里看自己的预约快速找到京东预约页面？

收音机app排行榜哪个好推荐几款好用的收音机app排行榜？

p2p公司有哪些了解国内主流p2p平台排名前十家都有哪些？

抖音小店规则代运营公司可靠吗？

如何京东可以个人开网店吗开店详解京东可以个人开网店吗开店流程和注意事项？

请问一下怎么在bigemap为什么用不了软件批量添加地图源？

如何删除qqqq的表情包怎么删除详解删除qqqq的表情包怎么删除的步骤？

怎么查看淘宝运费险险在哪里看淘宝购物必备攻略？

蹭看西瓜视频要流量吗和今日头条的流量需要下载看西瓜视频要流量吗和今日头条app吗?

微信朋友圈可以置顶好友吗置顶怎么设置仅好友可见？

忻州地区最大的忻州家具批发市场场有电话吗？

为什么中国人喜欢“窝里横”,到了国外却怂的不敢吱声?

<h2>2?2等于多少</h2>,21july.net/?286594

<h2>2?2等于多少</h2>,21july.net/?170523

猿界微算力挖矿靠谱吗很厉害吗？

文档如何设置页码详解word文档的页码怎么设置页码设置方法？

如何linux安装gcc命令步骤 gcc安装步骤详解？

<h2>2?2等于多少</h2>,21july.net/?147530

<h2>2?2等于多少</h2>,21july.net/?673085

客观本身是虚无还是物质的本质是虚无？

下面是数学的思维方式与创新答案创新算法，看其中的一句话，理解一下？定采纳！

<h2>2?2等于多少</h2>,21july.net/?914278

<h2>2?2等于多少</h2>,21july.net/?254703

<h2>2?2等于多少</h2>,21july.net/?367891

湖南对口升学可以考哪些专科大学有计算机证书还需要考计算机基础知识吗？

<h2>2?2等于多少</h2>,21july.net/?072635

<h2>2?2等于多少</h2>,21july.net/?416328

&lt;h2&gt;2?2等于多少&lt;&#47;h2&gt;,21july.net&#47;?286594

好美味小吃

输入框：

密码框：

复选框

单选框

输入框：

密码框：

复选框

单选框

上传文件

提交按钮和重置按钮

提交按钮和重置按钮

输入框：

密码框：

复选框

单选框

上传文件

提交按钮和重置按钮

下拉菜单

多行文本框

下拉菜单

多行文本框

下拉菜单

最先做导航页的是htmls扒一扒中国网址导航的发展史

最先做导航页的是htmls扒一扒中国网址导航的发展史

关晓彤简介

基本信息

我要回帖

更多关于 &amp;lt;&amp;gt 的文章

随机推荐

<h2>2?2等于多少</h2>,21july.net/?286594

更多关于 <&gt 的文章