Web前端基础：HTML入门与网页结构构建
需积分: 15 84 浏览量
更新于2024-09-08
收藏 169KB DOCX 举报
本篇笔记是关于Web前端初级课程中HTML部分的详细教学内容，由马易君老师讲解，主要针对初学者介绍了HTML（HyperText Markup Language，超文本标记语言）的基础知识和基本结构。课程以"英旗国际35班+姓名+20170504+WEB"为主题，于2017年5月4日开始。
HTML是网页制作的核心语言，它负责定义网页的结构和内容，使得网页可以包含文字、图像、音频、视频以及超链接等多种多媒体元素。课程首先介绍了HTML的基本语法，包括标签的使用，区分了双向标签（<element>…</element>）和单向标签（<element/>）。同时，强调了HTML文件的扩展名通常为.htm或.html，并提到了历史上的区别。
在HTML网页结构方面，老师重点讲解了`<html>`标签作为网页的根元素，以及头部 `<head>` 和主体 `<body>` 的功能和用法。`<head>` 包含了网页的元信息，如标题 `<title>`、字符编码 `<meta>` 等，而 `<body>` 是用户在浏览器中实际看到的内容区域。
接着，笔记详细指导了如何创建一个基础的HTML文件，步骤包括新建项目、设定文件结构，包括文档类型声明 `<!doctype html>`，语言声明 `<html lang="en">`，以及元信息部分。在这里，还提到了使用 `bgcolor` 属性来设置背景颜色，可以用16进制颜色代码如`#ff0000`表示红色，或者RGB颜色模式。
最后，笔记介绍了`<body>` 元素的常用属性，如设置背景颜色就是其中之一，还有其他可能的属性，这些属性用于进一步定制页面的外观和行为。通过学习这些基础知识，学员可以开始构建自己的简单网页，并理解如何组织和呈现内容。
本篇笔记提供了Web前端网页初级课程中HTML部分的基础理论和实践操作，对于想要入门Web开发的学员来说，是一个很好的学习起点。
课程名： 前端网页初级课程
老师：马易君
主题名称：英旗国际 班姓名 ! "#
第一天 2017 年 5 月 4 号
$%&'
一、html hypertext markup language 超文本
标记语言（可存放音、视频、超链接等多
媒体）
标签
()*(+)元素的开始标签 作用域 元素的结束标签 （双向标签）
(+)（单向标签）
文件的扩展名为：,,（原先的） 类似 - 和-
二、html 网页结构
()..代表网页文件的开始（结束标签挪开用 %，不要用 ）
(-)..代表网页头部的开始（不想让他显示出来，放 - 里）
()用来设置网页的标题(+)
(+-)..代表网页头部的结束
(-/)..代表网页主体的开始
**（能看到的放这儿，-/ 里）
(+-/)..代表网页主体的结束
(+)..代表网页文件的结束
下载后可阅读完整内容，剩余8页未读，立即下载
2019-03-30 上传
2018-06-24 上传
2021-04-04 上传
2023-09-16 上传
2022-05-21 上传
2021-02-03 上传
2021-02-16 上传
xiachuxin123
- 粉丝: 0
- 资源: 2
我的内容管理
展开
最新资源
- Aspose资源包：转PDF无水印学习工具
- Go语言控制台输入输出操作教程
- 红外遥控报警器原理及应用详解下载
- 控制卷筒纸侧面位置的先进装置技术解析
- 易语言加解密例程源码详解与实践
- SpringMVC客户管理系统：Hibernate与Bootstrap集成实践
- 深入理解JavaScript Set与WeakSet的使用
- 深入解析接收存储及发送装置的广播技术方法
- zyString模块1.0源码公开-易语言编程利器
- Android记分板UI设计：SimpleScoreboard的简洁与高效
- 量子网格列设置存储组件：开源解决方案
- 全面技术源码合集：CcVita Php Check v1.1
- 中军创易语言抢购软件：付款功能解析
- Python手动实现图像滤波教程
- MATLAB源代码实现基于DFT的量子传输分析
- 开源程序Hukoch.exe：简化食谱管理与导入功能
