韩顺平_轻松搞定网页设计html+(DIV+CSS)+javascript资源-CSDN文库

5星 · 超过95%的资源需积分: 9 9 浏览量 2013-01-19 17:17:48 上传评论 3 收藏 8.09MB DOC 举报

网页设计是构建互联网内容的基础，HTML、CSS和JavaScript是其中的三大核心技术。韩顺平老师的课程"轻松搞定网页设计html+(DIV+CSS)+javascript"旨在帮助初学者掌握这些技能。以下是对这些知识点的详细解释： 1. HTML（HyperText Markup Language）： HTML是用于创建网页的标准标记语言。在提供的代码片段中，可以看到基本的HTML结构，包括`<html>`、`<head>`和`<body>`标签。`<title>`标签定义了浏览器标签页上的页面标题。文本内容如"hello world"被包裹在``标签中，用于设置字体颜色和大小。``标签定义段落，而``标签则用于加粗文本。 2. CSS（Cascading Style Sheets）： CSS用于控制网页的样式和布局。在示例中，``标签的`style`属性被用来设置更复杂的字体大小，如`font-size:150px`。CSS允许更精确地控制颜色（如`color:yellow`）、字体大小和样式，以及页面的整体布局。例如，通过`<img>`标签的`width`和`height`属性可以调整图片尺寸，`border`属性添加边框。 3. JavaScript： JavaScript是一种脚本语言，用于增加网页的交互性。虽然在这个描述中没有直接涉及JavaScript的内容，但在实际网页设计中，它常用于处理用户输入、动画效果、表单验证等。 4. Html 超链接： HTML的`<a>`标签用于创建超链接，`href`属性定义链接的目标地址。`target`属性控制链接在何处打开，`_blank`表示在新窗口或标签页打开，`_self`表示在当前窗口或标签页替换内容。`<a>`标签也可以与`<img>`结合，使图片成为可点击的链接。 5. Html 图片元素： `<img>`标签用于插入图片，`src`属性指定图片的URL，`width`和`height`分别定义图片的宽度和高度。`border`属性可以为图片添加边框。 6. Table 表格： `<table>`标签创建表格，`border`定义边框宽度，`cellspacing`设置单元格之间的间距，`cellpadding`定义单元格内容与边框之间的距离。`align`属性设置表格的对齐方式，`bgcolor`设置表格的背景颜色。`<tr>`表示表格行，`<td>`表示表格单元格，可以使用`align`属性调整单元格内文本的对齐方式。以上就是关于HTML、CSS和JavaScript的基本概念以及在网页设计中的应用。通过学习这些知识，你可以创建具有丰富样式和交互性的网页。韩顺平老师的课程会逐步引导你掌握这些技能，让你轻松应对网页设计的挑战。

资源推荐

资源详情

资源评论