吴裕雄--天生自然HTML学习笔记：HTML 脚本
摘要：JavaScript 使 HTML 页面具有更强的动态和交互性。 菜鸟教程(runoob.com) 菜鸟教程(runoob.com) 抱歉，你的浏览器不支持 JavaScript! 不支持 JavaScript 的浏览器会使用 <noscript> 元素中定义的内容（文本）来替代。 HTML HTML ...
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML 框架
摘要：通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。 iframe语法: 该URL指向不同的网页。 Iframe - 设置高度与宽度 height 和 width 属性用来定义iframe标签的高度与宽度。 属性默认以像素为单位, 但是你可以指定其按比例显示 (如："80%")。 实例 菜鸟教程(runoob.com) 一些旧的浏览器不支持 i...
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML 表单和输入
摘要：HTML 表单用于收集不同类型的用户输入。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <form action=""> First name: <input type="text" name="firstname"><br&g
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML 布局
摘要：网页布局对改善网站的外观非常重要。 请慎重设计您的网页布局。 菜鸟教程(runoob.com) 主要的网页标题 菜单 HTML CSS JavaScript 内容在这里 版权 © runoob.com 菜鸟教程(runoob.com) 主要的网页标题 菜单 HTML CSS JavaScri...
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML <div> 和<span>
摘要：HTML <div> 和<span> HTML 可以通过 <div> 和 <span>将元素组合起来。 HTML 区块元素 大多数 HTML 元素被定义为块级元素或内联元素。 块级元素在浏览器显示时，通常会以新行来开始（和结束）。 实例: <h1>, <p>, <ul>, <table> HTML 内联元素 内联元素在显示时通常不会以新行开始。 实例: <b>, <td>, <a>, <img>
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML 列表
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h4>无序列表:</h4> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body>
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML 表格
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p> 每个表格从一个 table 标签开始。 每个表格行从 tr 标签开始。 每个表格的数据从 td 标签开始。 </p> <h4>一列:</h4> <table border="1"> <tr&
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML 图像
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h2>Norwegian Mountain Trip</h2> <img border="0" src="/images/pulpit.jpg" alt="Pulpit rock" width
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML 样式- CSS
摘要：CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style type="text/css"> h1 {color:red;} p {color:blue;} </style> </he
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML <head>
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我的 HTML 的第一页</title> </head> <body> <p>浏览器中包含body元素的内容。</p> <p>浏览器的标题包含title元素的内容</p> </body> </html> 使用 <title> 标签定义HTML文档的标题 <!DOCTYPE
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML 链接
摘要：HTML 链接 HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 HTML 超链接（链接） HTML使用标签 <a>来设置超文本链接。 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。 当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。 在标签<
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML 文本格式化
摘要：菜鸟教程(runoob.com) 加粗文本 斜体文本 电脑自动输出 这是 下标 和 上标 菜鸟教程(runoob.com) 这个文本是加粗的 这个文本是加粗的 这个文本字体放大 这个文本是斜体的 这个文本是斜体的 这个文本是缩小的 这个文本包含 下标 这个文本包含 上标 ...
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML 段落
摘要：HTML 可以将文档分割为若干段落。 HTML 段落 段落是通过 <p> 标签定义的。 实例 <p>这是一个段落 </p> <p>这是另一个段落</p> 注意：浏览器会自动地在段落的前后添加空行。（</p> 是块级元素） 不要忘记结束标签 即使忘了使用结束标签，大多数浏览器也会正确地将 HTML 显示出来： 实例 <p>这是一个段落 <p>这是另一个段落 上面的例子在大多数浏览器中都没问题，但不要
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML 标题
摘要：在 HTML 文档中，标题很重要。 HTML 标题 标题（Heading）是通过 <h1> - <h6> 标签进行定义的。 <h1> 定义最大的标题。 <h6> 定义最小的标题。 实例 <h1>这是一个标题。</h1> <h2>这是一个标题。</h2> <h3>这是一个标题。</h3> 标题很重要 请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。 搜索引擎使
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML 属性
摘要：属性是 HTML 元素提供的附加信息。 HTML 属性 HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现，比如：name="value"。 属性实例 HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定： 实例 <a href="http://www.runoob.com">这是一个链接</a> HTML 属性常用引
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML 元素
摘要：HTML 文档由 HTML 元素定义。 HTML 元素 开始标签 * 元素内容 结束标签 * 这是一个段落 这是一个链接 换行 *开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。 HTML 元素语法 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始...
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML 基础- 4个实例
摘要：HTML 标题 HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的. 实例 <h1>这是一个标题</h1> <h2>这是一个标题</h2> <h3>这是一个标题</h3> HTML 段落 HTML 段落是通过标签 <p> 来定义的. 实例 <p>这是一个段落。</p> <p>这是另外一个段落。</p> HTML 链接 HTML 链接是通过标签 <a> 来定义的. 实例 <a
阅读全文
吴裕雄--天生自然HTML学习笔记：HTML 简介
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html> 实例解析 <!DOCTYPE html> 声明为 HTML5 文档 <html> 元素是
阅读全文
