html 部分操作 2020-2-26

反正就是讲我当天学到的html的部分操作,所以不知道取啥标题

标签 描述
<html>       告诉浏览器这是一个html文档
<head> 定义文档的头部,描述文档各种属性和信息
<title> 定义文档的标题
<body> 定义文档的主体
<h1>to<h6>         定义标题,h1最大,h6最小
<p> 定义段落
<img> 像网页中插入图像
<em> 强调文本内容
<a>     超链接

对于超链接

  1. <a>标签可以定义锚

    • 通过使用 href 属性,创建指向另外一个文档的链接(或超链接)

    • 例子
    • 通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)

  2. 元素最重要的属性是 href 属性,它指定链接的目标。

 对于表格

  1. <th colspan="2">xxxx</th> 跨两列

  2. <th rowspan="2">电话</th>跨两行

 相对路径

  1. 相对路径是指向网站中的其他文件的链接,跟链接的源文件有关。就像地图一样,与终点和起点有关
  2. “..”代表父目录
  3. 用“/”符号分隔路径的各个部分

表单 <form> 元素

表单基本上就是带有一块输入信息区域的网页。当提交表单时,表单中的信息被打成一个数据包发送给Web服务器,Web应用程序对之进行处理,处理完成后返回一个响应页面。

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

着重介绍input元素

  1. 文本输入
    • <input type="text"> 定义用于文本输入的单行输入字段:
    • <input type="text" name="firstname">
  2. 密码输入
    • <input type="password"> 定义密码字段:
    • User password:<input type="password" name="psw">
  3. 提交按钮
    • <input type="submit"> 定义用于向表单处理程序(form-handler)提交表 单的按钮。表单处理程序在表单的 action 属性中指定:
    • <input type="submit" value="Submit">
  4. 单选按钮输入
    • <input type="radio"> 定义单选按钮。单选按钮允许用户在有限数量的选项中选择其中之一:
    • <input type="radio" name="sex" value="male" checked>Male <br>
    • <input type="radio" name="sex" value="female">Female
  5. 复选框输入
    • <input type="checkbox"> 定义复选框。
    • 复选框允许用户在有限数量的选项中选择零个或多个选项。
    • <form> <input type="checkbox" name="vehicle" value="Bike">I have a bike <br> <input type="checkbox" name="vehicle" value="Car">I have a car </form>

  表单元素还有textarea,select元素等

表格(补充)

  1. 表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
  2. 表格的表头使用 <th> 标签进行定义。
  3. 用border属性定义边框 如果不定义边框属性,表格将不显示边框。
  4. 空的单元格可采用下面的方式定义: <td>&nbsp;</td>

猜你喜欢

转载自www.cnblogs.com/wifePI/p/12365236.html
今日推荐