第四章 文本1、<p></p>2、<small></small>表示细则一类的旁注，通常包括免责声明、注意事项、法律限制、版权信息等。3、<strong></strong>表示内容的重要性，以粗体显示，一个strong可以嵌套在另一个strong中；<em></em>表示内容的着重点，以斜体显示，一个em可以嵌套在另一个em中。<b></b>用于如文档摘要里的关键词、评论里的产品名、基于文本的交互式软件中指示操作的文字、文章导语等；<i></i>用于如分类名称、技术术语、外语里...
表表是十分有用的,用它存储表状的数据更易于阅读.当你想用行列来显示信息时---你猜到了,<table>标签正是你需要的,有许多和表有关的标签,它们都以<table>开始.表就是将一组数据用行列的形式排列,我们用<tr>标签创建一个表行(table
row),<td>标签表示表数据(table date)<!DOCTYPE html><html><head><title>Table Time</title></head><body><table border="1px"><tr><td>One</td></tr><tr><td>Two</td></tr><tr><td>Three</td></tr><...
*特殊符号：·⊙①⊕◎Θ⊙*○¤㊣㈱＠の*□*☆** ▲△▼▽⊿ ▂ ▃ ▄ ▆ * * ▉ ▊▋▌▍▎▏* 回 □ **≡ ↑↓→←↘↙♀♂┇┅‖$ @ * & # ※ 卍 卐 ∞Ψ §∮ № ⌒ ＊ *标点符号： ．。，、；：？！ˉˇ¨`~ 々～‖∶＂＇｀｜·… — ～ - 〃 ‘'“”〝〞〔〕〈〉《》「」『』〖〗【】（）［］｛｝︻︼﹄﹃ *数学符号： ＋－×÷﹢﹣±／＝ ∥∠ ≌ ∽ ≦ ≧ ≒﹤﹥ ≈ ≡ ≠ ＝ ≤ ≥ ＜ ＞ ≮ ≯ ∷ ∶ ∫ ∮ ∝ ∞ ∧ ∨ ∑ ∏...
因为 DOM 的存在，这使我们可以通过 JavaScript 来获取、创建、修改、或删除节点。
NOTE：下面提供的例子中的 element 均为元素节点。
获取节点
父子关系element.parentNode
element.firstChild/element.lastChild
element.childNodes/element.children兄弟关系element.previousSibling/element.nextSibling
element.previousElementSibling/element.nextElementSibling通过节点直接的关系获取节点会导致代码维护性大大降低（节点之...
不知道从什么时候开始，在网络上到处可以看到div+css，到底什么是div+css呢？难道就是传说中的标准重构吗？标准从最简单的根源来说不是合理使用xhtml的标签吗？可为什么还是有这么多div+css呢？既然可以div+css，那为什么不可以叫span+css ul+css li+css等等呢？ 疑问，满脑子的疑问!为了这个疑问，我把自己脑子里的东西从最底层翻了一遍。 在几年前大家都是用table来布局，一层套一层，没发现什么不妥，一直用到《网站重构》这本书...
第十六章 1、 输入和元素 电子邮件框 搜索框 电话框 <inputtype="tel">URL 框 <inputtype="url">以下元素得到了部分浏览器的支持日期 数字 范围 数据列表 下面的输入或者元素得到的支持很少， W3C 指出它们在 2014 年定案之时很可能不会列入 HTML5颜色 全 局 日 期 和时间<inputtype="datetime" />局部日期和时间月 时间 周 输出 2、 属性： 1) accept限制用户可上...
因为 DOM 的存在，这使我们可以通过 JavaScript 来获取、创建、修改、或删除节点。
NOTE：下面提供的例子中的 element 均为元素节点。
获取节点
父子关系
element.parentNode
element.firstChild/element.lastChild
element.childNodes/element.children
兄弟关系
element.previousSibling/element.nextSibling
element.previousElementSibling/element.nextElementSibling
通过节点直接的关系获取节点会导致代码维护性大大降低（节...
绘制文本
在HTML5中，我们还可以在Canvas「画布」上绘制我们所需的文本文字，其中所涉及到的CanvasRenderingContext2D对象的主要属性和方法如下：
属性或方法基本描述font设置绘制文字所使用的字体，例如20px 宋体，默认值为10px sans-serif。该属性的用法与css font属性一致，例如italic bold 14px/30px Arial,宋体fillStyle用于设置画笔填充路径内部的颜色、渐变和模式。该属性的值可以是一个表示CSS颜色值的字符串。如果你的绘制...
HTML5的一些新增属性和功能是让代码变得更简洁，这总归是一件好事，应该值得我们推崇，希望这篇HTML5的文章对你有一些帮助1. 新的Doctype声明 XHTML的声明太长了，我相信很少会有前端开发人员能手写出这个Doctype声明。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">HTML5的Doctype声明很短，看到这个声明相信你马上就能记住，不用浪费脑细胞去记那...
下面我就为大家带来一篇前端获取http状态码400的返回值实例。现在就分享给大家，也给大家做个参考。如下所示：axios.get("/check_mobile_and_sent_code",{withCredentials:true,params:{mobile:formInline.mobile}}).then(res=>{console.log(res);//if(res.result==true){if (!this.timer) {this.count = this.TIME_COUNT;this.show = false;this.timer = setInterval(() => {if (this.count > 0 && this.count <= this.TIME_COUNT...
一、使用ul，添加新闻信息列表 1 <!DOCTYPE HTML>2 <html>3 <head>4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">5 <title> p标签</title>6 </head>7 <body>8 9
10 </body>
11 </html>在浏览网页时，你会发现网页上有很多信息的列表，如新闻列表、图片列表，如下图所示。新闻列表图片列表这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法：<ul><li>信息</li><li>信息</li>........
一、使用表单标签，与用户交互 1 <!DOCTYPE HTML>2 <html>3 <head>4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">5 <title>表单标签</title>6 </head>7 <body>8 <form>9 <label for="username">用户名:</label>
10 <input type="text" name="username" id="username" value="" />
11 <label for="pass">密码:</label>
12 <input type="password" name="pass" id="pass" value=...
八、<blockquote>标签，长文本引用 1 <!DOCTYPE HTML>2 <html>3 <head>4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">5 <title>blockquote标签的使用</title>6 </head>7 <body>8 <h2>心似桂花开</h2>9 <p>大家都在忙于自认为最重要的事情，却没能享受到人生的乐趣，反而要吞下苦果？</p>
10 “暗淡轻黄体性柔，情疏迹远只香留。何须浅碧深红色，自是花中第一流。”
11 <p>这是李清照《咏桂》中的词句，在...
一、代码初体验，制作我的第一个网页 1 <!DOCTYPE HTML>2 <html>3 <head>4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">5 <title>制作我的第一个网页</title>6 </head>7 <body>8 <h1></h1>9 </body>
10 </html>代码中第8行<h1>和</h1>标签之间，输入Hello World 字符串。注意Hello World文字一定要写到<h1></h1>两个标签之间。如：<h1>Hello World</h1>二、Html...
本节内容介绍swiper当中如何将导航变为滚动条样式。 首先我们搭建一个swiper页面的基本布局。<div class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide">H5EDU 1<img src="logo.png"></div><div class="swiper-slide">H5EDU 2<img src="logo.png"></div><div class="swiper-slide">H5EDU 3<img src="logo.png"></div><div class="swiper-slide">H5EDU 4<img src="logo.png"></div><div class="swiper-...
