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> 效果: 水平框架,本例演示

阅读全文


什么是响应式 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

阅读全文


可以通过 <div> 和 <span> 将 HTML 元素组合起来。 HTML 块元素 大多数 HTML 元素被定义为块级元素或内联元素。 编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。 块级元素在浏览器显示时,通常会以新行来开始(和结束)。 例子:<h1>, <p>, <ul>, <table> HTML 内联元素 内联元素在显示时通常不会以新行开始。 例子:<b>, <td>, <a>, <img> HT

阅读全文


通过使用 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>请注意,插入动画图像的语法与插入普通图像的

阅读全文


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

阅读全文