HTML
- 什么是HTML?
- HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言: HyperText Markup Language
- HTML 不是一种编程语言,而是一种标记语言
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML 标签及文本内容
- HTML文档也叫做 web 页面
- HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如 <html>
- HTML 标签通常是成对出现的,比如 <b> 和 </b>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
- HTML元素
- "HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.
- 但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:
- HTML 元素:<p>这是一个段落。</p>
- 中文编码设置
- 目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8。
- <meta charset="UTF-8">
- A标签的常用方式
- 在该位置定义名字为AnchorName的锚,就是给这个位置起了个名字,别人可以用这个名字直接链接到该文件的这个位置
- 超级链接,跳转到另一文件。
- 当鼠标点击“文字”时,TargetWindow的内容将会跳转到“url”,不指定target时在本窗口跳转。
- 路径分类
- 本地路径
- "c:\dir1\dir2\…"
- 绝对路径
- "http://www.foo.com/img_url.jpg
- 相对路径
- "images/01.jpg"
- "../../images/01.jpg"
- "/images/01.jpg" = "http://mysite/images/01.jpg
- 本地路径
- URL
- Uniform Resource Locator(统一资源定位符)
- 网络协议 + 主机名 + 端口号 + 资源名(定位标记)
- http://www.jd.com:80/index.html#top
- URN
- Uniform Resource Name
- 持久可用的资源标准名称
- 例如邮箱名[email protected]
- URI
- Uniform Resource Identifier
- 包含URL和URN
- 分割线
- hr标签
- 标题标签
- h标签
- 字体标签
- <font>标签
- <tt></tt>通常是打字机风格字体
- <cite></cite>通常是引用方式(斜体)
- <em></em>强调(通常是斜体加粗体)
- <b></b>黑体
- <i></i>斜体
- <u></u>下划线
- <s></s>中划线
- <sup></sup>上标
- <sub></sub>下标
- 特殊字符
- < <
- > >
- ® 注册商标
- & &
- 空格
- © copyright
- ™ 商标™
- " “
- <p>…</p>
- 分段落现实
- <div>…</div>
- 盒子标签
- <span>…</span>
- 分块显示
- <ul>…</ul>
- <li type=“disc circle square”>…
- 符号列表
- <ol>…</ol>
- <li>…
- 数字列表
- <br>换行
- <nobr>…</nobr>不换行
- <pre></pre>保留原有格式
- <marquee></marquee>跑马灯效果
- <blockquote></blockquote>标签定义块引用。
- 开启和结束标签之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。
- <dl><dt><dd>
- 属性align
- <img>图片标签
- 常用属性:
- Src 图片路径,一般使用相对路径
- Alt 图片无法显示时显示的文字
- Border 边框的厚度
- Align = left right top middle bottom
- 常用属性:
- <table>表格标签
- <tr>行标签
- <th>表头标签
- <td>列标签
- rowspan属性:跨行,行合并
- colspan 属性:跨列,列合并
- <form>……</form>
- <form>的属性
- Method(get post)
- Get 发送较少数据,并显示在url中,
- 例如:url/userinfo?username=张三&password=123
- Post数据长度无限制,不会显示在url中
- Get 发送较少数据,并显示在url中,
- Action
- Form中数据交给服务器端哪个程序进行处理
- Eg.
<form method=“post” action=“user.jsp”>……</form>
- Method(get post)
- placeholder 属性
- 属性提供可描述输入字段预期值的提示信息。
- required 属性
- 属性规定必需在提交之前填写输入字段。
- <audio>音频标签
- 示例:
- <audio style="display: none;" loop="loop" src="resouse/Bird25.wav" controls="controls" autoplay="autoplay"></audio>
- 示例:
- <video>视频标签
- 示例:
- <video width="320" height="240" controls>
- <source src="video/1.mp4" type="video/mp4">
- </video>
- 示例:
- <frameset>框架标签
- 该标签内可以有多个<frame>,
- 也可以有多个<frameset>,叫做嵌套
- rows属性
- 代表横向分隔
- cols属性
- 代表纵向分隔
- name属性
- 指定展示页面的位置,使用target="框架的名字"指定显示的位置
- <iframe>标签
- 引入其他网页
- 示例:<iframe width="100%" frameborder="0" border="0" height="800px" src="http://www.baidu.com"></iframe>