HTML基础与常见标签

第五课

目录

1. 常见标签
   1. <a>
   2. <h1><h2><h3><p>
   3. <ol><ul>
   4. <form>
   5. <img><br>
2. 作业
   1. 动手
   2. 测试

tutorial [tu:ˈtɔ:riəl]

http://www.iciba.com/tutorial

今日单词

specification 

[ˌspɛsəfɪˈkeʃən]

http://www.iciba.com/specification

今日单词

什么是 HTML

HyperText Markup Language

HTML 是一门标记语言

什么 doctype

文档类型

微软的解释

维基百科

<任意标签>

写法：

1. <img src=1.png>
2. <h1>标题</h1>

公有属性：

• id
• class
• title
• ……

一些标签还有默认样式和默认动作

<a>

anchor

写法：<a href=xxx>...</a>

特有属性：

• href
  • href=relative/path.html
  • href=/absolute/path.html
  • href=//www.baidu.com
  • href=http://www.baidu.com
  • href=javascript:alert(1);

默认动作：跳转页面

默认样式：有 :hover :visited :active

<h1>到<h6>

heading

默认样式：加粗、line height

表达页面、文章的逻辑层次

<strong><em>

emphasize

强调、着重，不推荐使用 <b><i>

默认样式：加粗

<p>

paragraph - 段落

可以不闭合

<ol><ul><dl>

ordered list

unordered list

description list

<table>

<table>

<colgrop>

<thead>

<tbody>

<tfoot>

<form>

属性：

• method
• action

包含的元素：

• input
• button

浏览器如何识别HTML

通过后缀识别？

1. 文件后缀
2. MIME 类型

如何知道是 HTML 4 还是 HTML 5 ？

1. doctype
2. 浏览器会猜

实战

只用 HTML 写一个个人简介

作业

1. 只用 HTML 写一个个人简介
2. HTML Quiz 

截止时间：下周日上课前