
Web
文章平均质量分 76
maimang09
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
浅析JavaScript的对象系统
之前在《JavaScript的数据类型》这篇文章里说过,Object对于JavaScript的语言结构来说意义不一般。为什么这么说呢?你肯定在不少地方看到过这句话:JavaScript中一切皆对象。这句话没什么错。你知道,JS连函数都有其属性和方法;当你定义一个基本类型值的字符串,可是你却可以将这个作为基本类型值的字符串当作对象一样去调用substr()方法。你有想过其中的原因吗?一切的答案都在JavaScript对象系统(声明一下,JavaScript对象系统这个词并不是什么统一定义,只是感觉在这里这么叫转载 2021-03-18 09:09:54 · 204 阅读 · 0 评论 -
CSS 选择器
选择器参考表下面的表格让你可以浏览你可以用的选择器。选择器 示例 学习CSS的教程 类型选择器 h1 { } 类型选择器 通配选择器 * { } 通配选择器 类选择器 .box { } 类选择器 ID选择器 #unique { } ID选择器 标签属性选择器 a[title] { } 标签属性选择器 伪类选择器 p:first-child { } 伪类 伪元素选择器 p::f...转载 2021-03-11 10:46:57 · 145 阅读 · 0 评论 -
CSS如何运行
CSS究竟是怎么工作的?当浏览器展示一个文件的时候,它必须兼顾文件的内容和文件的样式信息,下面我们会了解到它处理文件的标准的流程。需要知道的是,下面的步骤是浏览加载网页的简化版本,而且不同的浏览器在处理文件的时候会有不同的方式,但是下面的步骤基本都会出现。浏览器载入HTML文件(比如从网络上获取)。 将HTML文件转化成一个DOM(Document Object Model),DOM是文件在计算机内存中的表现形式,下一节将更加详细的解释DOM。 接下来,浏览器会拉取该HTML相关的大部分资源,比转载 2021-03-09 10:40:53 · 2578 阅读 · 0 评论 -
让我们开始CSS的学习之旅
先从HTML开始吧index.html:<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>开始学习CSS</title></head><body> <h1>我是一级标题</h1> <p>这是一个段落文本. 在文本中有一个 <span转载 2021-03-08 10:21:38 · 118 阅读 · 0 评论 -
HTML 视频和音频内容
web 中的音频和视频HTML5标准中有许多的新特性,包括<video>和<audio>标签,以及一些JavaScript和APIs用于对其进行控制。<video> 元素<video>允许你轻松地嵌入一段视频。一个简单的例子如下:<video src="rabbit320.webm" controls> <p>你的浏览器不支持 HTML5 视频。可点击<a href="rabbit320...转载 2021-03-05 10:19:54 · 406 阅读 · 1 评论 -
HTML中的图片
怎样将一幅图片放到网页上?我们可以用<img>元素来把图片放到网页上。它是一个空元素(它不需要包含文本内容或闭合标签),最少只需要一个src(一般读作其全称source)来使其生效。src属性包含了指向我们想要引入的图片的路径,可以是相对路径或绝对URL,就像<a>元素的href属性一样。举个例子来看,如果你有一幅文件名为dinosaur.jpg的图片,且它与你的 HTML 页面存放在相同路径下,那么你可以这样嵌入它:<img src="di...转载 2021-03-05 09:08:18 · 5684 阅读 · 1 评论 -
HTML 调试
调试最好的方法就是让你的HTML页面通过Markup Validation Service。由 W3C(制定 HTML、CSS 和其他网络技术标准的组织) 创立并维护的标记验证服务。把一个 HTML 文档加载至本网页并运行 ,网页会返回一个错误报告。网页可以接受网址、上传一个 HTML 文档,或者直接输入一些 HTML 代码。主动学习:验证 HTML 文档不妨用上文的debug-example.html尝试一下:在浏览器中打开Markup Validation Service。...转载 2021-03-04 13:15:02 · 515 阅读 · 1 评论 -
文档与网站架构
文档的基本组成部分网页的外观多种多样,但是除了全屏视频或游戏,或艺术作品页面,或只是结构不当的页面以外,都倾向于使用类似的标准组件:页眉通常横跨于整个页面顶部有一个大标题 和/或 一个标志。 这是网站的主要一般信息,通常存在于所有网页。导航栏指向网站各个主要区段的超链接。通常用菜单按钮、链接或标签页表示。类似于标题栏,导航栏通常应在所有网页之间保持一致,否则会让用户感到疑惑,甚至无所适从。许多 web 设计人员认为导航栏是标题栏的一部分,而不是独立的组件,但这并非绝对;还有人认为,两者独转载 2021-03-04 11:06:29 · 206 阅读 · 1 评论 -
HTML 高阶文字排版
描述列表在 HTML 基础部分,我们讨论了如何在 HTML 中标记基本的列表,但是我们没有提到你偶尔会遇到的第三种类型的列表—描述列表(description list)。这种列表的目的是标记一组项目及其相关描述,例如术语和定义,或者是问题和答案等。让我们看一组术语和定义的示例:内心独白戏剧中,某个角色对自己的内心活动或感受进行念白表演,这些台词只面向观众,而其他角色不会听到。语言独白戏剧中,某个角色把自己的想法直接进行念白表演,观众和其他角色都可以听到。旁白戏剧中,为渲染幽默或戏剧..转载 2021-03-04 10:08:19 · 329 阅读 · 1 评论 -
建立超链接
什么是超链接?超链接是互联网提供的最令人兴奋的创新之一,它们从一开始就一直是互联网的一个特性,使互联网成为互联的网络。超链接使我们能够将我们的文档链接到任何其他文档(或其他资源),也可以链接到文档的指定部分,我们可以在一个简单的网址上提供应用程序(与必须先安装的本地应用程序或其他东西相比)。几乎任何网络内容都可以转换为链接,点击(或激活)超链接将使网络浏览器转到另一个网址(URL)。链接的解析通过将文本(或其他内容,见块级链接)转换为<a>元素内的链接来创建基本链接,给它一个hre.转载 2021-03-03 14:22:01 · 348 阅读 · 0 评论 -
HTML 文字处理基础
基础: 标题和段落在HTML中,每个段落是通过<p>元素标签进行定义的, 比如下面这样:<p>我是一个段落,千真万确。</p>每个标题(Heading)是通过“标题标签”进行定义的:<h1>我是文章的标题</h1>这里有六个标题元素标签 ——<h1>、<h2>、<h3>、<h4>、<h5>、<h6>。列表 Lists无序 Unorde...转载 2021-03-03 10:17:17 · 401 阅读 · 0 评论 -
<head>标签里有什么? Metadata-HTML中的元数据
什么是 HTML 头部元素?HTML<head>元素与<body>元素不同,它的内容不会在浏览器中显示,它的作用是保存页面的一些元数据。大型页面的 head 会包含很多元数据。可以用开发者工具查看网页的 head 信息。添加标题之前已经讲过<title>,它可以为文档添加标题。别和<h1>元素搞混了,<h1>是为 body 添加标题的。有时候<h1>也叫作网页标题。但是二者并不相同。<...转载 2021-03-03 09:47:08 · 540 阅读 · 0 评论 -
HTML 入门
什么是 HTML?HTML(HyperText Markup Language) 不是一门编程语言,而是一种用来告知浏览器如何组织页面的标记语言。HTML 可复杂、可简单,一切取决于开发者。它由一系列的元素(elements)组成,这些元素可以用来包围不同部分的内容,使其以某种方式呈现或者工作。注:HTML 标签不区分大小写。也就是说,输入标签时既可以使用大写字母也可以使用小写字母。例如,标签<title>写作<title>、<TITLE>、<Tit...转载 2021-03-01 20:24:56 · 529 阅读 · 0 评论 -
Web 入门概述
Web 主要由HTML, CSS 和 Javascript 构建HTML— 构建 Web超文本标记语言(HTML),被用来语义化的定义以及描述一个具有良好结构的 Web页面的内容(markup)。HTML 提供了一种构建文档的方式,HTML 文档由一些被叫做HTML元素的块构成,而 HTML 元素采用由标签名以及尖括号组成的标签来表示:一些标签作为内容直接写在页面中,另外的一些用来规定文档的文本信息还有一些可能包含其它的一些标签作为自己的子标签。浏览器不会显示这些标签,而是将标签视作对页面...转载 2021-02-25 13:50:38 · 1496 阅读 · 0 评论 -
网页的基本结构
网页的基本结构:doctype :出现在网页源代码中的第一项是 doctype 声明。 它为Web浏览器(或其他用户代理)提供了有关书写页面的标记语言类型的信息,这可能会或可能不会影响浏览器呈现内容的方式。html :紧随 doctype 之后的是 html 元素——这是文档树的根元素,后面的所有内容都是该根元素的子孙元素。html 标签标记的整个网页内容,网页可以被视为可以包含任意数量分支的文档树。每个分支以一定的规则包含相应的项目。head :head 元素包含描述文档本身的元数据信息,或.原创 2021-02-24 19:07:15 · 4154 阅读 · 0 评论 -
Web API 参考
Web 提供了各种各样的 API 来完成各种的任务。这些 API 可以用 JavaScript 来访问,令你可以做很多事儿,小到对任意window或者element做小幅调整,大到使用诸如WebGL和Web Audio的 API 来生成复杂的图形和音效。所有 API 的接口都罗列在了Web API 接口一览表一页。类似的,还有一个列出了所有事件类型的页面。文档对象模型(Document Object Model)DOM 是一个 可以访问和修改当前文档的 API。通过它可以操作...转载 2021-02-24 16:44:38 · 287 阅读 · 0 评论