【HTML基础】
HTML(HyperText Markup Language)是构建网页的标准标记语言,它定义了网页的结构和内容。HTML文档由一系列元素组成,这些元素通过标签来表示,比如`<html>`、`<head>`、`<body>`、`<p>`、`<h1>`等。`<html>`是整个文档的根元素,`<head>`包含文档元信息,如标题,而`<body>`则包含了网页的实际内容。
【HTML头部元素】
在`<head>`标签中,`<title>`元素用于设置网页的标题,显示在浏览器的标签页上。此外,还可以使用`<meta>`标签来提供元数据,如字符编码(例如`<meta charset="UTF-8">`)或描述网页内容的关键字(例如`<meta name="keywords" content="HTML, web development">`)。
【HTML内容元素】
`<p>`标签用于创建段落,`<h1>`至`<h6>`用于定义不同级别的标题。`<a>`标签用于创建超链接,`<img>`用于插入图像,`<ul>`和`<ol>`用于创建无序和有序列表,`<li>`则是列表项。`<div>`是一个通用容器,可以用来组合其他HTML元素,实现布局控制。
【HTML表格】
HTML中的表格由`<table>`、`<tr>`(行)、`<td>`(数据单元格)和`<th>`(表头单元格)组成。`<tbody>`和`<thead>`用于定义表格体和表头部分,`<tfoot>`用于定义表格的脚部。
【HTML表单】
`<form>`元素用于创建表单,用户可以通过表单输入数据。`<input>`是表单中最常用的元素,有不同的类型如文本(type="text")、密码(type="password")、提交按钮(type="submit")等。`<label>`与`<input>`配合使用,提供更好的可读性和可用性。`<select>`用于创建下拉列表,`<option>`定义选项。
【CSS简介】
CSS(Cascading Style Sheets)用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档的外观和格式。CSS可以设置颜色、字体、布局、动画等,使网页具有更丰富的视觉效果。例如,使用`color`属性设置文本颜色,`font-size`调整字体大小,`display`属性控制元素的显示方式。
【CSS选择器】
CSS选择器用于匹配HTML元素并应用样式。基础选择器包括:元素选择器(如`p`),类选择器(如`.myClass`),ID选择器(如`#myID`),以及通配符选择器(如`*`)。组合选择器如子选择器(`>`)、相邻兄弟选择器(`+`)和一般兄弟选择器(`~`)用于更精确地选取元素。
【CSS盒模型】
盒模型是理解HTML元素布局的关键概念,包括内容(content)、内边距(padding)、边框(border)和外边距(margin)。`box-sizing`属性可以控制元素的盒模型是默认的`content-box`还是`border-box`。
【HTML5新特性】
HTML5引入了许多新元素和功能,如`<header>`、`<footer>`、`<nav>`、`<section>`等语义化元素,`<canvas>`用于绘制图形,`<video>`和`<audio>`支持多媒体播放,`<input type="date">`等新的输入类型,以及Web存储(localStorage和sessionStorage)和离线缓存(AppCache)。
"Assignment_2_Group_Ben"可能是一个关于HTML的学习任务,涵盖了HTML的基本结构、元素、表格、表单,以及CSS的初步概念,特别是选择器和盒模型。学生可能需要编写HTML页面,并用CSS进行简单的样式设计,或者涉及HTML5的新特性。通过完成这个作业,学生将深化对网页开发基础知识的理解。