Html的编程中篇

                                      Html的编程中篇

~~~开篇说到了文本处理(css)相信大家对网页有了一定的了解,那么我们继续html旅程。。。

一、表格

HTML 表格

表格由<table>标签来定义。每个表格均有若干行(由<tr> 标签定义),每行被分割为若干单元格(由<td>标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

HTML 表格的基本结构:

  <table>…</table>:定义表格

  <th>…</th>:定义表格的标题栏(文字加粗)

  <tr>…</tr>:定义表格的行

  <td>…</td>:定义表格的列


单元格跨两格:

 <th rowspan="2">Telephone:</th>

单元格跨两列:

<th colspan="2">Telephone</th>


二、列表

东西太多,这里主要介绍嵌套列表~~~

<h4>嵌套列表:</h4>
<ul>
  <li>咖啡</li>
  <li>茶
    <ul>
      <li>红茶</li>
      <li>绿茶
        <ul>
          <li>中国</li>
          <li>非洲</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>牛奶</li>
</ul>

三、区块(重要)

HTML <div> 元素

<div> 标签可以把文档分割为独立的、不同的部分。

HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。

<div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。

如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性。

<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

实例

<div style="color:#0000FF">
  <h3>这是一个在 div 元素中的标题。</h3>
  <p>这是一个在 div 元素中的文本。</p>

</div>

四、表单(重要)

HTML 表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

表单使用表单标签 <form> 来设置:

1、文本域:

<form>
First name: <br>
<input type="text" name="firstname"><br>

Password: <br>

<input type="password" name="pwd"><br>

<textarea rows="10" cols="30">我是一个文本框。</textarea>




2:单选按钮:

<input type="radio">男 <input type="radio">女

3、复选框:

<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>

<input type="checkbox" name="vehicle" value="Car">I have a car <br>

4、提交按钮(Submit Button)

<input type="submit"> 定义了提交按钮.

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

<input type="submit" value="提交">

5、下拉列表框

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>

</select>


五、URL

HTML 统一资源定位器(Uniform Resource Locators)


URL是一个网页地址。

URL可以由字母组成,如"W3CSchools.cc",或互联网协议(IP)地址: 192.68.20.50。大多数人进入网站使用网站域名来访问,因为 名字比数字更容易记住。

scheme://host.domain:port/path/filename

说明:

    • scheme - 定义因特网服务的类型。最常见的类型是 http

    • host - 定义域主机(http 的默认主机是 www)

    • domain - 定义因特网域名,比如 w3cschool.cn

    • :port - 定义主机上的端口号(http 的默认端口号是 80)

    • path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。

    • filename - 定义文档/资源的名称

    咳。。。一下子说了这么多,还是好好去消化一下,大家一定要多练习哈~~~

    这次的Html编程中篇就到这里吧~~~期待后篇~~~

猜你喜欢

转载自blog.csdn.net/sm16111/article/details/79596593