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]

今日单词

specification 

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

今日单词

什么是 HTML

HyperText Markup Language

HTML 是一门标记语言

什么 doctype

文档类型

<任意标签>

写法:

  1. <img src=1.png>
  2. <h1>标题</h1>
  • id
  • class
  • title
  • ……

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

<a>

anchor

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

特有属性:

默认动作:跳转页面

默认样式:有 :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 

 

截止时间:下周日上课前

Made with Slides.com