HTML/CSS/JS基础教程：标签属性详解与初学者必备参考
下载需积分: 9 | 107KB |
更新于2024-09-12
| 200 浏览量 | 举报
3
收藏
立即下载 HTML、CSS和JavaScript是Web开发的三大基石，它们共同构建了网页的结构、样式和交互功能。本资源详细介绍了这三种技术的核心标签及其属性的用法，对于初学者和开发者来说，具有很高的实用价值。
HTML（Hypertext Markup Language）是网页的基础结构语言，其核心标签`<html>`和`</html>`用来定义文档的开始和结束，确保内容的封闭性。`dir`属性控制文本的显示方向，默认是自左向右，`lang`属性则用于设定文档的语言，如'en'代表英文，'zh'代表中文。`version`属性则是指定使用的HTML标准版本，以便浏览器理解和渲染。
`<head>`标签用于封装文档的元信息，如样式表、脚本链接、语言和方向信息。其中`dir`和`lang`再次出现，`profile`属性则提供了文档关联的数据URL。在<head>中，常用的标签有 `<base>`，它定义了文档的基础URL，`target`属性则控制页面在新窗口或现有窗口中的打开方式。
`<basefont>`标签允许设定页面的基准字体、字号和颜色，提供了一种全局的字体样式设置。`<title>`标签定义了浏览器标签页上的标题，同样包含`dir`和`lang`属性，以便于多语言支持。
CSS（Cascading Style Sheets）负责网页的外观和布局。虽然没有直接的HTML标签，但通过`<style>`标签可以内联或链接外部样式表。CSS属性如`font-face`、`size`和`color`用于控制元素的字体样式。
JavaScript（JS）是实现网页动态交互的关键。尽管这部分内容未在给定的部分中列出，但JavaScript的`<script>`标签用于嵌入脚本代码，通过DOM操作、事件处理等技术实现网页交互。例如，可以使用`<meta>`标签来控制页面行为，`http-equiv`属性用于设置HTTP头信息，`content`属性可以设置自动刷新、字符集、页面过渡效果等。
总结来说，这个资源汇总了HTML的结构定义、CSS的样式控制以及JavaScript的脚本编写，为学习者提供了清晰的学习路径，无论是从零开始的开发者还是希望提升技能的工程师，都能从中受益匪浅。熟练掌握这些基础知识，将有助于构建出功能丰富、美观的Web应用。
1、<html>和</html> 标签限定了文档的开始和结束点。
属性：
(1) dir: 文本的显示方向，默认是从左向右
(2) lang: 表示整个文档中所使用的语言，en--英文，zh--中文
(3) version：定义创作文档的 HTML 的标准版本
2、<head></head>用于封装位于文档头部的其他标签
属性：
(1) dir:文本的显示方向
(2) Lang:语言信息
(3) Profile:提供了与当前文件相关联的文档数据的 URL
可放在<head>标签中的标签为
(1) <base>:标注当前文档的 URL 的全称
属性：
Href：指定文档的基础 URL 地址（<body>中的相对地址都是以此基地址为基础）
Target：定义打开页面的窗口
属性值：
_parent:在上一级窗口中打开
_blank:在新一窗口中打开
_self:在本窗口中打开
_top:在浏览器的整个窗口中打开
(2) <basefont>：设定基准的字体，字号和颜色
属性：
Face:设置字体（如黑体，楷体等）
Size:设置大小（属性值从 1——7，从小到大）
Color;字体颜色（值为十六进制颜色）
(3) <title>：设定显示在浏览器左上方的标题内容
属性：
Dir:文本的显示方向
Lang:语言信息
(4) <meta>：有关文档本身的元素信息
属性：
http-equiv: 生成 http 标题域，取值与 content 的属性值相同
属性值：
Refresh 为自动刷新，在 content 里设定刷新时间，content 里也可以跟上刷新的 URL，实现页面跳转；
content-type 在 content 里用 charset 设置内码语系 如 charset=gb2312;
Expires 定义网页有效期，在 content 里的格式为星期，日 月 年 时 分 秒 GMT，用英文和数字
Page-enter 进入网页时的效果
Page-exit 退出网页时的效果
在 content 中对应的值为：
0：盒状收缩 1：盒状展开 2：圆形收缩 3：圆形展开
4：向上擦除 5：向下擦除 6：向左擦除 7：向右擦除
8：垂直百叶窗 9：水平百叶窗 10：横向棋盘式 11：纵向棋盘式
12：溶解 13：左右向中部收缩 14：中部向左右展开 15：上下向总中部收缩
16：中部向上下展开 17：梯状左下展开 18：梯状左上展开 19：梯状右下展开
20：梯状右上展开 21：随机水平线 22：随机垂直线 23：随机
Name：如果元数据是以关键字/取值出现的话，那么 name 的值就是其关键字
属性值：
Keywords 在 content 里定义关键字；
Discription 为定意描述，在 content 里定义描述内容；
Author 在 content 里描述作者；
下载后可阅读完整内容，剩余6页未读，立即下载
相关推荐
a530482069
- 粉丝: 0
我的内容管理
展开
最新资源
- 探索PB11版本最佳框架：类似Kodigo4.5界面风格
- Hydrus 2D 中文版软件介绍与操作指南
- 全面掌握Linux命令：操作指令宝典
- C#设计模式全解：创建、结构、行为模式的深入剖析
- 全球瞩目小程序：超级好玩国际程序大赛
- C# GDI+基础教程与示例代码解析
- Java图形与动画编程实例详解与3D学习资源
- 获取JSTL1.1标准标签库的jar包
- OIS或ge源代码编译要点解析
- Koda图形设计器：AutoIt专业GUI设计工具
- PaintPro源码深度解析与实现指南
- 谭浩强经典C++教程完整版下载指南
- Winform中实现文件夹浏览功能的控件开发
- VB画界面必备：API函数详解教程
- VB调用DLL实现高效文件压缩与解压缩技术
- C语言实现多种前向纠错算法详解
- BCMenu源文件与头文件下载指南
- Apache Tomcat 6.0.20版本服务器数据容器详解
- Spring Framework开发参考手册深入解析
- 探索微软经典DOS 6.22操作系统原版
- ARM7平台的UCOSII初学者指南
- MTK技术培训手册：驱动、界面与定制工具全解
- AD9851单片机驱动与信号源设计应用指南
- 拓网科技推出网络硬盘系统V2.0，文件共享与交流新时代
