人机交互实践01

课堂笔记

1.HTML的结构

跳转到书签

<html>

  <head>

    <title>Hello World</title>

    ...

  </head>

  <body>

  ...

  </body>

</html>

2.文档结构

<head>

  <title>标题栏

  <meta>元数据

  <link>包含文件

  <style>样式定义

  <base>制定文档的基URL

  <script><object>

</head>

<body>

该内容是包括阅读的部分:

标题

段落

列表

图像

表格

......

</body>

 3.元素分类

3.1 块元素

段落                                    <p></p>

分割(没有换行)                  <div></div>                     

标题                                    <h1></h1>~<h6></h6>      

3.2 行内描述性元素(见PPT)

范围                                    <span></span>

3.3 行内样式元素

大                                       <big></big>

粗体                                    <b></b>

斜体                                    <i></i>

下划线                                 <u></u>

下标                                    <sub></sub>

上标                                    <sup></sup>

3.4 行内空元素

<br></br>

<hr></hr>

<img></img> 

4.列表

4.1 无序列表

<ul>

  <li>...</li>

</ul>

通过设置type属性“disc”“circle”“square”来改变编号方式

4.2 有序列表

<ol>

  <li>...</li>

</ol>

通过设置type属性“1”“A”“i”来改变编号方式

原文地址:https://www.cnblogs.com/chenglaiyong/p/7701816.html