HTML/CSS/JS基础教程：标签属性详解与初学者必备参考

需积分: 9 119 浏览量更新于2024-09-12 3 收藏 107KB DOC 举报

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
资源: 3

HTML/CSS/JS基础教程：标签属性详解与初学者必备参考

web期末大作业 基于HTML+CSS+JavaScript实现的仿京东商城首页登录页源码

基于HTML+CSS+JavaScript完成简单的网页制作源码+项目报告.zip

Html+Css+Javascript从入门到精通.pdf

HTML+CSS+Javascript

HTML+CSS+JavaScript

HTML+css+javascript

HTML+CSS+JavaScript+php+mysql帮助手册（内含html5+css3+javascript5帮助手册）

HTML+CSS+JavaScript+JQuery+JSP

html+css+javascript+jQuery简述

HTML+CSS+JavaScript+AJAX+JQuery.docx

最新资源

web期末大作业基于HTML+CSS+JavaScript实现的仿京东商城首页登录页源码