html的表格标签的页眉属性,HTML标签、属性与对HTML列表、表格、表单理解运用和编程实现-2019年8月31日...

作业:

1. 谈谈你对html标签, 元素与属性的理解, 并举例说明

2. 列表有几种, 如何定义?

3. 列表与表格的区别与联系?什么时候用列表,什么时候用表格, 为什么?

4. 编程实现,用列表制作你的工作计划,要求使用三种类型全部实现一次:

5. 编程实现一张商品清单, 使用表格实现,要求有行与列的合并,用到colspan, rowspan

6. 编程实一张注册表单, 要求使用到课堂上讲到全部控件,并掌握所有属性的使用场景与意义

7. 写出总结, 对于这些常用标签的应用场景进行分析

1. 谈谈你对html标签, 元素与属性的理解, 并举例说明

HTML 不是一门编程语言,而是一种用于定义内容结构的标记语言。HTML 由一系列的元素(elements)组成,这些元素可以用来包围不同部分的内容,使其以某种方式呈现或者工作。 一对标签( tags)可以为一段文字或者一张图片添加超链接,将文字设置为斜体,改变字号,等等。HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

● HTML 标签是由尖括号包围的关键词,比如

● HTML 标签通常是成对出现的,比如

● 标签对中的第一个标签是开始标签,第二个标签是结束标签

● 开始和结束标签也被称为开放标签和闭合标签

提示:HTML 标签对大小写不敏感:

等同于

,许多网站都使用大写的 HTML 标签。HTML 元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

HTML 元素语法

● HTML 元素以开始标签起始

● HTML 元素以结束标签终止

● 元素的内容是开始标签与结束标签之间的内容

● 某些 HTML 元素具有空内容(empty content),比如 
 元素

● 空元素在开始标签中进行关闭(以开始标签的结束而结束)

● 大多数 HTML 元素可拥有属性HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现,比如:name="value"。

属性总是在 HTML 元素的开始标签中规定。

提示:属性和属性值对大小写不敏感。不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。

而新版本的 (X)HTML 要求使用小写属性。

下面通过分析一个标准的HTML文档结构来整体认识标签、元素、属性。

实例

html>

测试页面

PHP中文网

  

运行实例 »

点击 "运行实例" 按钮查看在线实例

这里有:

●  — 文档类型。DOCTYPE 用来链接一些 HTML 编写守则,有点像自动校正等。然而现在已经没有人关心这些,只是因为历史原因必须将它们保留,但没有实际作用。

●  —  元素。这个元素包含了整个页面的内容,有时也被称作根元素。

● 

 —  元素。这个元素放置的内容不是展现给用户的,而是包含例如面向搜索引擎的搜索关键字(keywords)、页面描述、CSS 样式表和字符编码声明等。

●  — 这个元素指定了当前文档使用 UTF-8 字符编码 ,UTF-8 包括绝大多数人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容,还可以避免以后出现某些问题,我们没有任何理由再选用其他编码。

● 

 —  元素。这个元素设置页面的标题,显示在浏览器标签页上,同时作为收藏网页的描述文字。

● 

 —  元素。这个元素包含期望让用户在访问页面时看到的内容,可以是文本、图像、视频、游戏、可播放的音轨或其他内容。

2. 列表有几种, 如何定义?列表

Web 上的许多内容都是列表,HTML 有一些特别的列表元素。标记列表通常包括至少两个元素。最常用的列表类型为:

①无序列表中项目的顺序并不重要,就像购物列表。用一个 

  •  元素包围。此列项目使用粗体圆点(典型的小黑圆圈)进行标记。始于
    • 标签,每个列表项始于
    • ②有序列表中项目的顺序很重要,就像烹调指南。用一个 

      1.  元素包围。列表项目使用数字进行标记。有序列表始于
        1. 标签,每个列表项始于
        2. 标签。

          ③自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以

          开始。每个自定义列表项的定义以
          开始。

          提示:列表的每个项目用一个列表项目(List Item)元素 

        3.  包围。

          实例

          html>

          Document
          • 苹果
          • 香蕉
          • 梨子
          1. 苹果
          2. 香蕉
          3. 梨子
          php
          最流行的通用服务器编程语言
          mysql
          最流行的免费数据库
          laravel
          最流行的开发框架

          运行实例 »

          点击 "运行实例" 按钮查看在线实例

          3. 列表与表格的区别与联系?什么时候用列表,什么时候用表格, 为什么?

          表格其实就是很多的小单元格,而这些小单元格很有次序的排列着,它们有很多行,很多列。这些很多行列组成的东西,就叫表格,表格是

          购物车
          标签,必须先定义行才能定义列。

          若要简单展示排列信息的话,用列表即可。如果是详细展示数据的话,因为需要多维度多角度去展示数据,所以一列往往不够,用表格会更直观方便。

          4. 编程实现,用列表制作你的工作计划,要求使用三种类型全部实现一次:

          实例

          html>

          Document

          工作计划

          前端

          • HTML
          • CSS
          • JavaScript

          后端

          1. Apache
          2. mysql
          3. php

          框架

               
          Laravel
          ThinkPHP
          Bootstrap

          运行实例 »

          点击 "运行实例" 按钮查看在线实例

          5. 编程实现一张商品清单, 使用表格实现,要求有行与列的合并,用到colspan, rowspan

          实例

          html>

          表格

          购物车编号商品名单价数量价格
          1手机329913299
          2平板250012500
          3鞋子7991799
          合计6598

          运行实例 »

          点击 "运行实例" 按钮查看在线实例

          6. 编程实一张注册表单, 要求使用到课堂上讲到全部控件,并掌握所有属性的使用场景与意义

          实例

          html>

          表单

          用户注册

      用户名:

      密   码:

      邮   箱:

      年   龄:

      课   程:

      HTML

      CSS

      JavaScript

      PHP

      MySQL

      Laravel

      爱  好:

      玩游戏

      撸代码

      看电影

      性 别:

      保密

      注册

      运行实例 »

      点击 "运行实例" 按钮查看在线实例

      7. 写出总结, 对于这些常用标签的应用场景进行分析

      本次作业主要介绍HTML的基础组成结构及其内容的理解,完成列表、表格及表单的编程。基础标签:

         定义文档类型。

         定义 HTML 文档。

         定义文档的标题。    定义文档的主体。

      to

         定义 HTML 标题。

         定义段落。


         定义简单的折行。


         定义水平线。

         定义注释。

      表单标签:

         定义供用户输入的 HTML 表单。

         定义输入控件。

         定义多行的文本输入控件。

         定义按钮。

         定义选择列表(下拉列表)。

         定义选择列表中相关选项的组合。

         定义选择列表中的选项。

         定义 input 元素的标注。

         定义围绕表单中元素的边框。

         定义 fieldset 元素的标题。

         定义下拉列表。

         定义生成密钥。

         定义输出的一些类型。

      框架标签:

         定义框架集的窗口或框架。

         定义框架集。

         定义针对不支持框架的用户的替代内容。

         定义内联框架。

      图像标签:

         定义图像。

         定义图像映射。

         定义图像地图内部的区域。

         定义图形。

         定义 figure 元素的标题。

         定义媒介内容的分组,以及它们的标题。

      链接标签:

         定义锚。

         定义文档与外部资源的关系。

         定义导航链接。

      列表标签:

      •    定义无序列表。
      1.    定义有序列表。
      2.    定义列表的项目。
           定义定义列表中的项目。
           定义定义列表中项目的描述。

           定义用户可以从弹出菜单调用的命令/菜单项目。

           定义命令按钮。

        表格标签:

           定义表格标题。    定义表格中的表头单元格。
           定义表格中的单元。

        样式/节 标签:

           定义文档中的节。

           定义文档中的节。

           定义 section 或 page 的页眉。

           定义 section 或 page 的页脚。

           定义 section。

           定义文章。

           定义页面内容之外的内容。

           定义元素的细节。

           定义对话框或窗口。

           为 元素定义可见的标题。

        元信息 标签:

           定义关于文档的信息。

           定义关于 HTML 文档的元信息。

           定义页面中所有链接的默认地址或默认目标。

           不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值