贴士:opencart主题、必备插件特价商店! 接oc中英文独立站全流程业务 示范交流站点展示!| facebook、Google广告投放都可联系! 微信:yangtuo1991

2018年9月17日 – 江南未羊

日期:2018年9月17日



通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。 实例, 垂直框架,本例演示:如何使用三份不同的文档制作一个垂直框架。 <html> <frameset cols=”25%,50%,25%”> <frame src=”/example/html/frame_a.html”> <frame src=”/example/html/frame_b.html”> <frame src=”/example/html/frame_c.html”> </frameset> </html> 效果: 水平框架,本例演示:如何使用三份不同的文档制作一个水平框架。 <html> <frameset rows=”25%,50%,25%”> <frame src=”/example/html/

阅读全文


什么是响应式 Web 设计? RWD 指的是响应式 Web 设计(Responsive Web Design) RWD 能够以可变尺寸传递网页 RWD 对于平板和移动设备是必需的 创建您自己的响应式设计 创建响应式设计的一个方法,是自己来创建它: <!DOCTYPE html> <html lang=”en-US”> <head> <style> .city { float: left; margin: 5px; padding: 15px; width: 300px; height: 300px; border: 1px solid black; } </style> </head> <body> <h1>W3School Demo</h1> <h2>Resize th

阅读全文


使用 <div> 元素的 HTML 布局 注释:<div> 元素常用作布局工具,因为能够轻松地通过 CSS 对其进行定位。 这个例子使用了四个 <div> 元素来创建多列布局: 实例: <body> <div id=”header”> <h1>City Gallery</h1> </div> <div id=”nav”> London<br> Paris<br> Tokyo<br> </div> <div id=”section”> <h1>London</h1> <p> London is the capital city of England. It is the most popul

阅读全文


对 HTML 进行分类(设置类),使我们能够为元素的类定义 CSS 样式。 为相同的类设置相同的样式,或者为不同的类设置不同的样式。 实例: <!DOCTYPE html> <html> <head> <style> .cities { background-color:black; color:white; margin:20px; padding:20px; } </style> </head> <body> <div class=”cities”> <h2>London</h2> <p> London is the capital city of England. It is the most populous city in the United Ki

阅读全文


可以通过 <div> 和 <span> 将 HTML 元素组合起来。 HTML 块元素 大多数 HTML 元素被定义为块级元素或内联元素。 编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。 块级元素在浏览器显示时,通常会以新行来开始(和结束)。 例子:<h1>, <p>, <ul>, <table> HTML 内联元素 内联元素在显示时通常不会以新行开始。 例子:<b>, <td>, <a>, <img> HTML <div> 元素 HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。 <div> 元素没有特定的含义。除此之外,由于它属于块级元

阅读全文


你可以使用 HTML 创建表格。 实例: 表格,这个例子演示如何在 HTML 文档中创建表格。 <html> <body> <p>每个表格由 table 标签开始。</p> <p>每个表格行由 tr 标签开始。</p> <p>每个表格数据由 td 标签开始。</p> <h4>一列:</h4> <table border=”1″> <tr> <td>100</td> </tr> </table> <h4>一行三列:</h4> <table border=”1″> <tr> <td>100</td> <td>200<

阅读全文


通过使用 HTML,可以在文档中显示图像。 实例: 插入图像,本例演示如何在网页中显示图像。 <!DOCTYPE HTML> <html> <body> <p> 一幅图像: <img src=”/i/eg_mouse.jpg” width=”128″ height=”128″ /> </p> <p> 一幅动画图像: <img src=”/i/eg_cute.gif” width=”50″ height=”50″ /> </p> <p>请注意,插入动画图像的语法与插入普通图像的语法没有区别。</p> </body> </html> 从不同的位置插入图片,本例演示如何将其他文件夹或服务器的图片显示到网页中。 <html> &lt

阅读全文


HTML 使用超级链接与网络上的另一个文档相连。 几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 实例: 创建超级链接, <html> <body> <p> <a href=”/index.html”>江南未羊</a> 是一个指向本网站中的一个页面的链接。</p> <p><a href=”http://www.sweetdan.com/”>江南未羊</a> 是一个指向作者自己网站的链接。</p> </body> </html> 讲图像作为链接, <html> <body> <p> 您也可以使用图像来作链接: <a href=”/example/html/lastpage.html”

阅读全文


通过使用 HTML4.0,所有的格式化代码均可移出 HTML 文档,然后移入一个独立的样式表。 实例: HTML中的样式,本例演示如何使用添加到 <head> 部分的样式信息对 HTML 进行格式化。 <html> <head> <style type=”text/css”> h1 {color: red} p {color: blue} </style> </head> <body> <h1>header 1</h1> <p>A paragraph.</p> </body> </html> 没有下划线的链接,本例演示如何使用样式属性做一个没有下划线的链接。 <html> <head> <meta http

阅读全文


注释标签 <!– 与 –> 用于在 HTML 插入注释。 HTML 注释标签 您能够通过如下语法向 HTML 源代码添加注释: 实例: <!– 在此处写注释 –> 注释:在开始标签中有一个惊叹号,但是结束标签中没有。 浏览器不会显示注释,但是能够帮助记录您的 HTML 文档。 您可以利用注释在 HTML 中放置通知和提醒信息: 实例: <!– 这是一段注释 –> <p>这是一个段落。</p> <!– 记得在此处添加信息 –> 注释对于 HTML 纠错也大有帮助,因为您可以一次注释一行 HTML 代码,以搜索错误: 实例: <!– 此刻不显示图片: <img border=”0″ src=”/i/tulip_ballade.jpg” alt=”Tulip”> –&

阅读全文


计算机代码 var person = { firstName:”Bill”, lastName:”Gates”, age:50, eyeColor:”blue” } HTML 计算机代码格式 通常,HTML 使用可变的字母尺寸,以及可变的字母间距。 在显示计算机代码示例时,并不需要如此。 <kbd>, <samp>, 以及 <code> 元素全都支持固定的字母尺寸和间距。 HTML 键盘格式 HTML <kbd> 元素定义键盘输入: 实例: <p>To open a file, select:</p> <p><kbd>File | Open…</kbd></p> HTML 样本格式 HTML <samp> 元素定义计算机输出示例: 实例: <samp

阅读全文


HTML <q> 用于短的引用 HTML <q> 元素定义短的引用。 浏览器通常会为 <q> 元素包围引号。 实例: <p> 舒克舒克舒克<q>贝塔贝塔贝塔。</q></p> 效果:舒克舒克舒克 “贝塔贝塔贝塔。” 用于长引用的 HTML <blockquote> HTML <blockquote> 元素定义被引用的节。 浏览器通常会对 <blockquote> 元素进行缩进处理。 <!DOCTYPE html> <html> <body> <p>浏览器通常会对 blockquote 元素进行缩进处理。</p> <blockquote cite=”http://www.sweetdan.com”> 小

阅读全文