韩顺平Web开发笔记:HTML基础知识与标签详解

5星 · 超过95%的资源 需积分: 10 16 下载量 184 浏览量 更新于2024-09-19 1 收藏 1.52MB DOCX 举报
"韩顺平html css javascript笔记" HTML(HyperText Markup Language)是一种标记语言,它是Web开发的基础,主要用于创建和展示网页内容。HTML通过使用不同的标记来组织和格式化网页,使其包含文字、图像、视频、音频等各种媒体。HTML的发展历程伴随着互联网的成长,从最初的HTML1.0到如今的HTML5,它不断进化以适应新的技术和用户需求。 HTML的基本结构由一对尖括号包围的元素组成,如`<html>`,每个元素都有开始标签和结束标签,例如`<html>`与`</html>`。有些元素可以是自闭合的,如`<img>`,它们的结束标签可以省略,以`/>`结尾。元素可以包含属性,如`<img src="文件路径" width="宽度" height="高度">`,其中`src`、`width`和`height`就是属性,属性值放在等号后用双引号包围。 HTML中的超链接由`<a>`标签定义,`href`属性指定链接的目标地址,`target`属性定义在何处打开链接。例如,`<a href="http://example.com" target="_blank">点击这里</a>`会在新窗口中打开链接。`_blank`表示新窗口,`_self`表示当前窗口,`_parent`和`_top`则涉及框架的页面导航。 图像元素`<img>`通过`src`属性指定图像的URL,`width`和`height`设置图像尺寸。表格`<table>`是通过`<tr>`定义行,`<td>`定义单元格。`border`、`width`、`cellspacing`和`cellpadding`属性分别控制边框、表格整体宽度、单元格之间的间距和内部填充。 列表分为无序列表`<ul>`和有序列表`<ol>`,列表项由`<li>`标签包裹。框架`<frameset>`允许将网页内容分割成多个独立的区域,`cols`和`rows`属性用于定义分割方式,`<frame>`标签则定义每个区域的源文件。表单元素是HTML中用于收集用户输入的重要部分,如文本框`<input type="text">`、密码框`<input type="password">`、单选框`<input type="radio">`、复选框`<input type="checkbox">`、隐藏域`<input type="hidden">`和图片按钮`<input type="image">`。`<textarea>`用于创建多行文本输入区域,`cols`和`rows`属性定义其大小。 CSS(Cascading Style Sheets)是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。它允许我们分离内容和表现,使得网页设计更加灵活和可维护。JavaScript是一种解释型的、跨平台的脚本语言,常用于网页交互和动态效果,它能够操作DOM(Document Object Model),改变HTML元素的样式、内容或行为。 在学习HTML、CSS和JavaScript时,韩顺平的笔记提供了一个很好的资源,尽管课程可能讲解得较为详细,但笔记的详尽程度对于理解和掌握这些基础知识非常有帮助。通过这些笔记,你可以系统地学习网页开发的基础,逐步构建起自己的技术栈。