Assignment_1:CTG-420
【HTML基础】 HTML(HyperText Markup Language)是构建网页的标准标记语言,它定义了网页的结构和内容。在CTG-420这门课程的作业_1中,我们很可能会涉及到HTML的基本元素和语法规则的学习。HTML文档由一系列的元素组成,这些元素以开始标签(如`<p>`)和结束标签(如`</p>`)的形式出现,用来标记文本、图像、链接等。 1. **HTML文档结构**:每个HTML文档都始于`<!DOCTYPE html>`声明,接着是`<html>`标签,它包含了整个页面的内容。`<head>`部分包含元数据,如标题(`<title>`),而`<body>`则包含实际可见的内容。 2. **文本元素**:学习HTML时,了解如何使用`<h1>`到`<h6>`创建标题,`<p>`用于段落,`<em>`用于强调,`<strong>`用于粗体,以及`<a>`用于创建超链接是非常基础的。 3. **列表**:`<ul>`和`<ol>`用于无序和有序列表,`<li>`则是列表项。 4. **图像**:`<img>`标签插入图像,其`src`属性指定图像的URL,`alt`属性提供替代文本。 5. **表格**:`<table>`、`<tr>`(行)、`<td>`(单元格)和`<th>`(表头)用于创建表格。 6. **块级与内联元素**:理解块级元素(如`<div>`和`<p>`)会占据整行空间,而内联元素(如`<span>`和`<a>`)只占据自身内容的宽度,这对布局至关重要。 7. **CSS样式**:虽然标签主要讨论的是HTML,但CSS(Cascading Style Sheets)也常与HTML一起使用,用于定义元素的外观和布局。通过`<style>`标签或外部样式表,我们可以改变字体、颜色、大小、布局等。 8. **响应式设计**:现代网页设计强调响应性,使网页在不同设备上都能良好显示。使用`<meta>`标签的`viewport`属性,以及CSS的媒体查询,可以实现这一目标。 9. **框架与布局**:HTML5引入了一些新元素来帮助组织内容,如`<header>`、`<footer>`、`<nav>`和`<main>`,它们有助于创建更结构化的页面。 10. **表单控件**:`<form>`、`<input>`、`<textarea>`、`<select>`和`<button>`等元素用于创建用户交互的表单,用于数据输入和提交。 在Assignment_1-main中,学生可能需要创建一个包含上述元素的简单网页,以此展示他们对HTML基础知识的掌握。完成这个任务需要理解每个元素的作用,并能正确地编写和嵌套HTML标签,同时注意代码的规范性和可读性。
- 1
- 粉丝: 18
- 资源: 4691
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助