03 2020 档案
摘要：一、HTML 媒体(Media) 1.1HTML 多媒体 Web 上的多媒体指的是音效、音乐、视频和动画。 现代网络浏览器已支持很多多媒体格式。 1.2什么是多媒体？ 多媒体来自多种不同的格式。它可以是您听到或看到的任何内容，文字、图片、音乐、音效、录音、电影、动画等等。 在因特网上，您会经常发现嵌
阅读全文
摘要：什么是 XHTML?XHTML 是以 XML 格式编写的 HTML。 XHTML 指的是可扩展超文本标记语言 XHTML 与 HTML 4.01 几乎是相同的 XHTML 是更严格更纯净的 HTML 版本 XHTML 是以 XML 应用的方式定义的 HTML XHTML 是 2001 年 1 月发布
阅读全文
摘要：HTML URL代表HTML 统一资源定位器(Uniform Resource Locators)，URL是一个网页地址，URL可以由字母组成，如"W3CSchools.cc"，或互联网协议（IP）地址： 192.68.20.50；大多数人进入网站使用网站域名来访问，因为 名字比数字更容易记住。 U
阅读全文
摘要：HTML 字符实体/HTML 中的预留字符必须被替换为字符实体，一些在键盘上找不到的字符也可以使用字符实体来替换。 在 HTML 中，某些字符是预留的。您不能使用包含这些字符的文本。在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们
阅读全文
摘要：<script>定义了客户端脚本;<noscript>定义了不支持脚本浏览器输出的文本;html <script> 标签：<script> 标签用于定义客户端脚本，比如 JavaScript；<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件；JavaScript 最常用于图片操作、表单验证以及内容动态更新//如果使用 "src" 属性，则 <script> 元素必须是空的。
阅读全文
摘要：什么是HTML 颜色？它采用的是 RGB 颜色，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色。HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）；每种颜色的最小值是0（十六
阅读全文
摘要：<iframe>标签规定一个内联框架,一个内联框架被用来在当前 HTML 文档中嵌入另一个文档,通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。 1 <iframe src="URL"></iframe><!--iframe语法--> 该URL指向不同的网页,将窗口内容显示为URL地址指向
阅读全文
摘要：<form> 定义供用户输入的表单
<input> 定义输入域
<textarea> 定义文本域 (一个多行的输入控件)
<label> 定义了 <input> 元素的标签，一般为输入标题
<fieldset> 定义了一组相关的表单元素，并使用外框包含起来
<legend> 定义了 <fieldset> 元素的标题
<select> 定义了下拉选项列表
<optgroup> 定义选项组
<option> 定义下拉列表中的选项
<button> 定义一个点击按钮
<datalist>
New 指定一个预先定义的输入控件选项列表
<keygen>
New 定义了表单的密钥对生成器字段
<output>
New 定义一个计算结果
阅读全文
摘要：HTML布局标签，定义文档区块，块级(block-level)；定义 span，用来组合文档中的行内元素。虽然我们可以使用HTML table标签来设计出漂亮的布局，但是table标签是不建议作为布局工具使用的，设计表格的目的是呈现表格化数据 - 表格不是布局工具！
阅读全文
摘要：html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。HTML网页基本标签的嵌套规则：1.块元素可以嵌套行元素2.行元素可以嵌套行元素3.行元素不可以嵌套块元素4.文字类块元素不可以嵌套块元素5.容器类块元素可以嵌套块元素
阅读全文
摘要：<ol>定义有序列表;<ul>定义无序列表;<li>定义列表项,<dl>定义列表,<dt>自定义列表项目,<dd>定义自定义列表的描述；同时列表项内部可以使用段落、换行符、图片、链接以及其他列表等等
阅读全文
摘要：表格和边框属性, 表格表头单元格，表格标题<caption>，表格高度和宽度，表格背景，表格空间，合并单元格，表格头部、主体、页脚,定义表格,定义表格的行,定义表格列的组定义用于表格列的属性,定义表格的页眉,定义表格的主体定义表格的页脚<table><tbody><tr><th>\定义表格的表头,</th></tr><tr><td>定义表格单元,</td></tr></tbody><caption>定义表格标题,</caption><colgroup></colgroup><colgroup><col></colgroup><thead></thead><tbody></tbody><tfoot></tfoot></table>
阅读全文
摘要：使用标签定义 HTML 页面中的图像,标签有两个必需的属性：源属性src和alt，是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。src指 "source"，是图像的 URL 地址
阅读全文
摘要：CSS（Cascading Style Sheet）可译为“层叠样式表”或“级联样式表”，它定义如何显示 HTML 元素，用于控制Web页面的外观。通过使用CSS实现页面的内容与表现形式分离，极大提高了工作效率 。目前的模式是html+css+javascript，如何理解呢，就是html是网页的结构，CSS是网页的样式，javascript是行为。CSS 可以通过以下方式添加到HTML中:内联样式、内部样式表、外部引用
阅读全文
摘要：HTML头部head元素包含关于文档的概要信息，也被称为元信息（meta-information），head定义了文档的信息，title定义了文档的标题，base定义了页面链接标签的默认链接地址，link定义了一个文档和外部资源之间的关系，meta定义了HTML文档中的元数据，script定义了客户端的脚本文件，style定义了HTML文档的样式文件
阅读全文
摘要：HTML 链接：HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 HTML 超链接（链接）？ HTML使用标签 <a>来设置超文本链接，是可以从一个页面指向另一个目的端的链接。 超链接可以是一个字，一个词，或者一组词，也可以是一
阅读全文
摘要：HTML 段落：段落是通过 <p> 标签定义的 1 <p>这是一个段落 2 <p>这是另一个段落 注释：即使忘了使用结束标签，上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。忘记使用结束标签会产生意想不到的结果和错误。 HTML 折行：在不产生一个新段落的情况下进行换行（新行），请使用 <b
阅读全文
摘要：在 HTML 文档中，标题很重要；HTML 标题可以用来呈现文档结构，设置得当的标题有利于用户浏览您的网页。标题（Heading）是通过 <h1> - <h6> 标签进行定义的.<h1>定义最大的标题，<h6> 定义最小的标题。 注释: A.浏览器会自动地在标题的前后添加空行。B.默认情况下，HTM
阅读全文
摘要：HTML 属性：属性是为 HTML 元素提供的附加信息。 HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现，比如：name="value"。 e.g:<a href=https://www.cnblogs.com/dhnblog/">这
阅读全文
摘要：HTML 元素 HTML 文档由 HTML 元素定义，HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。 *开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。 HTML 元素语法 HTML 元素以开始标签起
阅读全文
摘要：HTML 标题 HTML标题（Heading）是通过<h1>-<h6>标签来定义的. h是英文header标题的缩写，标题无处不在，它的应用范围十分广泛：网站结构、写作文、PPT等。 这里有六个标题元素标签——<h1>、<h2>、<h3>、<h4>、<h5>、<h6>，每个元素代表文档中不同级别的内
阅读全文
摘要：HTML 编辑器是用于编写 HTML 的工具，使用 HTML 编辑器时以编辑主题，索引，自定义窗口，选择添加搜索页/常用常用HTML编辑器下载推荐/HTML调试中在编写HTML代码的时候通常会有以下两种主要类型的错误：1.语法错误：由于拼写错误导致程序无法运行；通常熟悉语法并理解错误信息后很容易修复。2.逻辑错误：不存在语法错误，但代码无法按预期运行；通常逻辑错误比语法错误更难修复，因为无法得到指向错误源头的信息。虽然代码出现了问题，但是 Web 创建的初心就是：人人可发布内容，不去纠结代码语法，因此浏览器会尝试修补代码错误，保持良好 HTML 格式非常重要
阅读全文
摘要：什么是 HTML?HTML 是指超文本标记语言: Hyper Text Markup Language；HTML 不是一种编程语言，而是一种标记语言；标记语言是一套标记标签 (markup tag)；HTML 使用标记标签来描述网页；HTML 文档包含了HTML 标签及文本内容；HTML 文档也叫做 web 页面。什么是HTML 标签和HTML 元素？Web 浏览器不会直接显示 HTML 标签，而是通过使用标签来决定如何向用户展现 HTML 页面的内容，了解HTML 版本和是标准通用标记语言的文档类型声明，有助于在浏览器中正确地显示网页及通用声明
阅读全文
摘要：table是什么？它是由一个个cell单元格构成的，在表格中，的个数取决于每行中包裹的cell单元格个数！此外，默认table表格在没有添加css样式前，在浏览器中显示是没有表格线的！cellspacing属性用来指定表格各单元格之间的空隙，cellpadding表示的是单元格内容与边框的距离；表格的行与列如何合并？colspan跨列合并，rowspan跨行合并；如何合并表格边框？border-collapse: collapse;
阅读全文
摘要：一开始我们接触网页制作的时候，就了解到html代表结构、css代表样式、javascript代表行为，网页制作中，我们一直强调结构与表现相分离的原则，这里面的结构一般指HTML，此外分离是说把它们写在不同的文件加以引用吗？当然不是，在这里的学习中了解到，分离不单是一种方法更是一种思想，简而言之，一个平面二维坐标，其中x轴代表技术发展，y轴代表网页制作需求，分离是根据技术发展和我们的网页制作需求完成的！
阅读全文
摘要：css3相较于css2.1增加了许多新的特性功能，目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了，需要注意的是css3样式在不同的浏览器可能需要不同的前缀（是浏览器的私有属性，兼容性），此外在代码展示css3浏览器前缀中border-spacing/*表格边框之间的距离*/border-collapse: collapse;/*表格边框是否合并*/，最后通过CSS3实现的文字特效代码，修改参数观察变化
阅读全文
摘要：html结构，css样式，html+css完成静态页面，js实现交互，为网页添加动态效果!js可以做什么？1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)
阅读全文
摘要：通过DOM可以实现JavaScript去操作HTML元素和CSS样式，完成简单的动态操作，当点击相应按钮，执行相应操作，为按钮添加相应事件//定义"改变颜色"的函数//定义"改变宽高"的函数//定义"隐藏内容"的函数 //定义"显示内容"的函数//定义"取消设置"的函数
阅读全文
摘要：网页中经常会看到显示和隐藏的效果，可通过display属性来设置。//语法：Object.style.display = value; 其中Object是获取的元素对象，如通过document.getElementById("id")获取的元素;其中value的值有none和block, myceshi.style.display='none'是为此元素不会被显示（即隐藏），myceshi.style.display='block'此元素将显示未块级元素（即显示）
阅读全文
摘要：HTML中的DOM（Document Object Model）文档对象模型允许 JavaScript 改变 HTML元素和CSS样式，//语法:Object.style.property=new style;其中Object是获取的元素对象，如通过document.getElementById("id")获取的元素。其中展示代码中只是一小部分CSS样式属性，其它样式也可以通过该方法设置和修改
阅读全文
摘要：javascript中innerHTML 属性用于获取或替换 HTML 元素的内容，语法为Object.innerHTML
其中1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素；2.注意书写，innerHTML区分大小写。比方说通过id获取h2标签元素,并赋给变量mychar,然后使用innerHTML属性，将获取的h2标签内容修改为"Hello world!"
阅读全文
摘要：网页由标签将信息组织起来，而标签的id属性值是唯一的,如何通过javascript找到要获取的元素,语法:document.getElementById("id"),运行结果值为null或[object HTMLParagraphElement]，原因在于获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。（object HTMLParagraphElement 对象 HTML段落元素，获取到的是元素，这个元素也就是对象，获取到的对象不会显示里面的值，所以显示object HTMLParagraphElement，想要抽取出里面的值，就用 innerHTML 获取）
阅读全文
摘要：如何用JavaScript去操作HTML元素和CSS样式，实现简单的动态操作？可以通过DOM操作，文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法；HTML文档可以说由节点构成的集合，三种常见的DOM节点: 元素节点、文本节点、属性节点
阅读全文
摘要：通过练习javascript中的document.write()输出展示；消息弹出框alert(字符串或变量)；消息对话框confirm(str)；用户交互的信息prompt(str1, str2)；打开新窗口window.open([URL], [窗口名称], [参数字符串])；window.close();//关闭本窗口或者是<窗口对象>.close();//关闭指定的窗口的学习，下面根据要求测试下!*总结:根据要求一步一步来，最后调用下函数，当然掌握不是很熟练，有些地方还是查看之前的博文用法想起往下写
阅读全文
摘要：在JavaScript中window.open([URL], [窗口名称], [参数字符串])打开新的窗口，使用window.close();//关闭本窗口或者是<窗口对象>.close();//关闭指定的窗口，举例var ceshi=window.open('https://www.cnblogs.com/dhnblog/p/12494648.html')//将新打的窗口对象，存储在变量ceshi中！然后通过ceshi.close()关闭了窗口，当然这个当然这个<窗口对象>.close();需要提前声明变量值!其次使用close()在打开新窗口的同时，关闭该窗口，是看不到被打开窗口的
阅读全文
摘要：通过window.open() 设置浏览器窗口；具体语法为window.open([URL], [窗口名称], [参数字符串])；其中窗口名称：可选参数，被打开窗口的名称里面的"_top"、"_blank"、"_self"具有特殊意义的名称；参数字符串：可选参数，设置窗口参数，各参数用逗号隔开,引号包裹*运行结果考虑浏览器兼容问题,注意这个number的数值是用等号的
阅读全文
摘要：浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。目前最为主流浏览器有五大款，分别是IE、Firefox、Google Chrome、Safari、Opera。
阅读全文
摘要：prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息，弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。通过举例练习，确认A.函数定义好后，是不能自动执行的，所以需调用它,只需直接在需要的位置写函数就ok了!B.prompt语法:prompt(str1, str2);参数说明：str1: 要显示在消息对话框中的文本，不可修改；str2：文本框中的内容，可以修改；其中返回值:1. 点击确定按钮，文本框中的内容将作为函数返回值2. 点击取消按钮，将返回null；注意:在用户点击对话框的按钮前，不能进行任何其它操作
阅读全文
摘要：js里面的confirm(str);是为消息对话框，在str中输入要展示的文本，对话框返回值只有这个“确定”与“取消”，它们分别对应Boolead值里面的true or false；通过返回值判断用户点击按钮，此外消息对话框是排它的，即用户在点击对话框按钮前，不能进行任何其它操作
阅读全文
摘要：消息弹出警告框alert语法 alert(字符串或变量); 需要注意的是使用alert,1.在点击对话框"确定"按钮前，不能进行任何其它操作;2.消息对话框通常可以用于调试程序;3.输出内容alert，可以是字符串或变量，与document.write 相似,最后附加一个XHTML 1.0里面的alert点开有惊喜
阅读全文
摘要：document.write()在网页中输出内容，可以通过A.输出内容用""括起来，数字除外；B.通过变量C.输出多项内容，通过+号连接，注意文字添加""D.如何输出html标签，并且起到作用，使用""把要使用的标签括起来；此外，有没有发现document.write()无论在输出的内容中什么位置有多少个空格，显示的结果好像只有一个空格。 这是因为浏览器显示机制，对手动敲入的空格，将连续多个空格显示成1个空格。怎么解决?解决办法一:使用输出html标签 来解决，这里让我想到html的文本空格//解决办法二:使用CSS样式来解决, 注意在输出时添加“white-space:pre;”样式属性,这个样式表示"空白会被浏览器保留"
阅读全文
摘要：函数是什么？在javascript中，为了避免代码的重复书写的麻烦，我们把完成某一个特定功能的一组语句称之为函数，通过函数的调用实现了代码的复用性与可阅读性;函数定义语法:function 函数名(){ 函数代码};其中1.function定义函数的关键字2."函数名"你为函数取的名字3."函数代码"替换为完成特定功能的代码4.函数定义好后，是不能自动执行的，所以需调用它,只需直接在需要的位置写函数就ok了
阅读全文
摘要：js中if-else流程控制，代码展示if(条件){条件成立时执行的代码}else{条件不成立时执行的代码}，此外如果当if写在区间内怎么解决?举例，90<=score<=100，本身是合法的复合表达式，但是这个是由两个关系运算符组成，运算符结果为true or false<=100，结果永远成立!!!正确书写90 <= score && score <= 100
阅读全文
摘要：变量用来当做容器，存储值，变量通过var声明变量；变量命名需要注意：变量必须是字母、下划线、美元符开始；为什么变量命名不能使用js中的关键词与保留字，原因在于保留字和关键字具有特殊含义和用途，定义变量是要避开这些词，以免系统理解错误;js对于变量字母大小写敏感，虽然变量可以一边声明一边赋值不过教程中说这样不规范，需要先声明，后使用。
阅读全文
摘要：注释的作用是提高代码的可读性，帮助自己和别人阅读和理解你所编写的JavaScript代码，注释的内容不会在网页中显示。注释可分为单行注释与多行注释两种。有没有发现javascript的多行注释和css的注释一样，此外注释内容一般放到需要解释语句的结尾处或周围，单行注释，在注释内容前加符号 “//”同时多行注释以"/*"开始，以"*/"结束
阅读全文
摘要：JavaScript语句是发给浏览器的命令,这些命令的作用是告诉浏览器要做的事情,每一句JavaScript代码格式: 语句;准确来说类似这样的<script type="text/javascript">alert("点击告白javascript");</script>；其中alert("点击告白javascript");就是一个 javascript语句;一行的结束就被认定为语句的结束，通常在结尾加上一个分号";"来表示语句的结束。注意:1. “;”分号要在英文状态下输入，同样，JS中的代码和符号都要在英文状态下输入。2. 虽然分号“;”也可以不写，但我们要养成编程的好习惯，记得在语句末尾写上分号。
阅读全文
摘要：<script>标签要成对出现，并把JavaScript代码写在<script></script>之间。尤其注意的是<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。一个JS文件不能直接运行，就像css外部文件引入一样，我们还需要需把js文件嵌入到HTML文件中执行，我们需在HTML中添加<script src="js文件路径" type="text/javascript" charset="utf-8"></script>，就可将JS文件嵌入HTML文件中
阅读全文
摘要：你知道，为什么JavaScript非常值得我们学习吗？1.所有的主流浏览器都支持javascript;2.大部分网页都使用javascript;3.它可以让网页呈现出各种动态效果4.作为一个web开发师，如果你想提供漂亮的网页，拥有让我用户满意的上网体验，js必不可少。二、javascript入门槛低，易学:1.学习环境无处不在，只要有文本编辑器，就能编写javascript脚本程序2.我们可以用简单命令，完成一些基本操作三、从哪开始学习呢?学习javascript的起点就是处理网页，所以我们先学习基础语法和如何使用DOM操作
阅读全文
摘要：行内水平居中设置通过给父元素设置 text-align:center 来实现的，块状元素分定宽和不定宽块状元素实现水平居中有3种方法：1.加入 table 标签2.设置 display: inline 3.设置 position:relative 和 left:50%：利用 相对定位 的方式，将元素向左偏移 50% ，其次单行垂直居中通过height和line-heigt，那么多行文本怎么处理？最后有一个有趣的现象就是当为元素设置position : absolute 或者float，素的display显示类型就会自动变为以 display:inline-block（内联块状元素）的方式显示，就可以设置元素的 width 和 height 了
阅读全文
摘要：在网页中元素有三种布局模型：1.流动模型（Flow）2.浮动模型 (Float)3.层模型（Layer）,如何让html元素在网页中精确定位?通过css定位属性position来支持层布局模型=>层模型有三种形式：1.绝对定位(position: absolute)2.相对定位(position: relative)3.固定定位(position: fixed)虽然CSS文件或者嵌入的CSS都纯文本文件，为了减少css样式代码的编写量，代码缩写是很有必要的，这样可以使用户访问你的网页的时候占用更少的带宽。因此有必要掌握盒模型代码简写/颜色值缩写/字体缩写/除此之外，在网页中的颜色设置是非常重要，设置颜色的方法也有很多种：(1).英文命令颜色(2).RGB颜色(3).十六进制颜色;最后总结一下网页中常用到的长度单位，比方说px（像素）、em、% 百分比，要注意其实这三种单位都是相对单位。
阅读全文
摘要：通过字体、字号、颜色、粗体、斜体、下划线、删除线、缩进、行间距、字符间距、对齐等css格式化要素实现网页格式化排版，完成设计页面效果;了解css布局前提，需要掌握三种html不同标签：块状元素、内联元素（行级元素）、内联块状元素，了解它们之间如何进行转换；此外通过盒模型掌握css布局，盒模型作为CSS布局的基石，弄清楚盒模型的概念、结构、尺寸与实际宽高的计算，最后知道盒模型中margin存在数值bug如何解决
阅读全文
摘要：html中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项用户只能选择一项，而复选框中用户可以任意选择多项，甚至全选。<input type="radio/checkbox" value="值" name="名称" />注意事项:同一组的单选按钮，name 取值一定要一致.
如果<input type="radio/checkbox" value="" name="名称" />里面的value=""不写值的话，在提交的时候是没办法展示出来的；因为前端浏览器给用户看，会涉及到一个默认值，用value表示,就是说只要和选择相关就需要有默认值提交给服务器,这样我们添加下value值，
<form action="" method="GET">GET请求<form action="" method="POST" > POST请求,它们的区别是GET请求内容展示在导航栏网址中，POST请求在控制台里面
阅读全文
摘要：什么是选择器?选择器{样式;},在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素，类似这样body{color: pink;font-size: 16px;};常见的选择器包含:标签选择器、类选择器、ID选择器、子选择器、包含（后代）选择器、通配符选择器、伪类选择器、分组选择器；通过css选择器，我们可以对元素进行样式的设置，当然CSS中有一些概念是需要深刻理解的，比如CSS的继承、层叠和特殊性。
阅读全文
摘要：css层叠样式表、css样式由选择符和声明组成，而声明又由属性和值组成，/*选择符{属性:值}选择符=>选择器、{属性:值}=>声明*/ ，css/*注释语句*/来标明（html中使用);css样式代码插入页面的形式分为以下3种：内联式、嵌入式（外联式）和外部式三种!对于同一个元素我们同时用了三种方法设置css样式，那么哪种方法真正有效呢？因为这三种样式是有优先级的，它们的优先级：内联式 > 嵌入式 > 外部式(嵌入式>外部式有一个前提：嵌入式css样式的位置一定在外部式的后面。)前提：内联式、嵌入式、外部式样式表中css样式在的相同权值的情况下=>就近原则（离被设置元素越近优先级别越高）
阅读全文
浙公网安备 33010602011771号