快捷搜索:  汽车  科技

html期末设计作业做什么内容(计算机二级Web3)

html期末设计作业做什么内容(计算机二级Web3)<标记>受标记影响的内容</标记> 空元素:HTML元素不包含具体内容 以起始标记的结束而结束一个完整的HTML元素就是从起始标记开始至结束标记之间所有的内容 其格式为:body标记:表示文档部分的开始2.HTML标记及其属性(1)HTMl标记

考核目标
  • 掌握HTML的基本结构和语法
  • 掌握HTML标记及其属性
  • 掌握使用HTML表单收集和提交信息

1.HTML文档的基本结构与语法

HTML是Hypertext Markup Language的缩写 即超文本标记语言.

html期末设计作业做什么内容(计算机二级Web3)(1)

html标记:用于表示文档类型是HTML文件.

head标记:表示标题及其有关文档的信息

body标记:表示文档部分的开始

2.HTML标记及其属性

(1)HTMl标记

一个完整的HTML元素就是从起始标记开始至结束标记之间所有的内容 其格式为:

<标记>受标记影响的内容</标记>

空元素:HTML元素不包含具体内容 以起始标记的结束而结束

行内元素:基于语义级的基本元素 只能收纳文本和其它行内元素 如:

<a> <em> <font> <input>

块内元素:可以收纳其他块元素和行内元素 如

<div> <h1> <p> <table>

(2)标记属性

标记属性

HTML标记可以有属性 属性总是以名称/值对的形式出现.

HTML文档中的属性一般有如下共同属性:

  • 核心属性(id class style title)
  • i18n属性(lang dir)
  • 事件属性(onclick onmousedown)

id在HTML中的作用是给一个单元(元素 标记)一个独一无二的标识或标记 常用于:

  • 元素的风格(style sheet)选择
  • 单击的链接可以跳到这个id所在的地方
  • 脚本语言用它作为标识 找到id所在的地方
  • 用作声明object的单元的标识.

3.段落标记

  • 注释标记

<!--注释内容-->

  • 强制换行标记和不换行标记

文字<br> <nobr>文字</nobr>

  • 段落标记

<p align="left|center|right">文字</p>

  • 水平线标记

<hr align = "left|center|right" size="线条粗细" width="线条长度" color="颜色值" noshade>

  • 容器标记

<div>是一个块元素 他周围的元素会自动换行 <span>是一个行内元素

示例:

html期末设计作业做什么内容(计算机二级Web3)(2)

html期末设计作业做什么内容(计算机二级Web3)(3)

4.文字标记

  • 标题文字标记

<h#>标题文字</h#> 其属性主要有align 默认为左对齐

  • 字体标记

<font size="数字" face="字体名" color="颜色值">被设置的文字</font>

  • 字形标记

html期末设计作业做什么内容(计算机二级Web3)(4)

5.表格标记

表格是通过块内标记<table>的内容更指定的 表格中的每一行是通过标记<tr>指定的 在表头行中 表头单元通过<th>指定 每一行的数据单元格通过表格数据标记<td>指定

html期末设计作业做什么内容(计算机二级Web3)(5)

html期末设计作业做什么内容(计算机二级Web3)(6)

html期末设计作业做什么内容(计算机二级Web3)(7)

html期末设计作业做什么内容(计算机二级Web3)(8)

猜您喜欢: