前端学习笔记(1)-HTML

前端学习笔记(1)-HTML

标签 ： 前端

---

---

本文主要对 HTML 标签进行介绍和归纳

基本概念

1. HTML 是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
2. CSS 样式是表现。比如，标题字体、颜色变化，或为标题加入背景图片、边框等，所有这些用来改变内容外观的东西称之为表现。
3. JavaScript 是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单，或鼠标滑过表格的背景颜色改变，还有焦点新闻（新闻图片）的轮换。有动画的，有交互的一般都是用 JavaScript 来实现的。

常用标签

主要需要留意，标签的用途、标签在浏览器中的默认样式

注：现在一般使用 xhtml1.0 的版本（其它标签也是），这种版本比较规范

• 强调语气：<em>是斜体，<strong>是加粗
• 引用：<q>短文本引用，<blockquote>长文本引用
• 换行 <br />
• 水平横线 <hr />
• 空格  
• 表格 <table>
  
  • <tbody> 加上后表格内容全部下载完才会显示
  • 行 <tr>
  • 列 <td>
  • 表格表头 <th>
  • 标题 <caption>
• 超链 <a>
  
  • 例子：<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
  • 新标签打开：target="_blank"
• 图片 <img>，图像可以是 GIF，PNG，JPEG 格式的图像文件
  
  • 例子：<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
• 表单 <form>
• 文本域 <textarea>
  
  • 例子 <textarea rows="行数" cols="列数">文本</textarea>
  • cols 多行输入域的列数；rows 多行输入域的行数。这两个属性可用 CSS 样式的 width 和 height 来代替：col 用 width、row 用 height 来代替
• 输入框 <input type="text/password" name="名称" value="文本" />
  
  • 当 type=”text” 时，输入框为文本输入框
  • 当 type=”password” 时, 输入框为密码输入框
• 单/复选框 <input type="radio/checkbox" value="值" name="名称" checked="checked"/>
  
  • 当 type=”radio” 时，控件为单选框，同一组单选框 name 命名要一致
  • 当 type=”checkbox” 时，控件为复选框
• 提交按钮 <input type="submit" value="提交">
• 重置按钮 <input type="reset" value="重置">
• 下拉列表框 <select><option value="看书">看书</option></select>
  
  • value <option value="提交值">选项</option>
  • 选中 selected="selected"
  • 多选 multiple="multiple"
• 标签 <label for="控件id名称">，标签的 for 属性中的值应当与相关控件的 id 属性 值一定要相同

---

作者@brianway更多文章：个人网站 | CSDN | oschina