HTML基础入门：标签与语法详解

需积分: 0 100 浏览量更新于2024-09-11 收藏 39KB DOC 举报

HTML语言基础是Web开发入门的基石，它定义了网页的结构和内容呈现方式。本文将围绕以下几个关键知识点进行详细解析： 1. **HTML结构**: 标准的HTML文件通常包含以下三个部分：`<!DOCTYPE html>`声明，告知浏览器文档类型；`<html>`标签，表示整个HTML文档的起点和终点；`<head>`部分，包含元数据如标题 `<title>`，在这里设置了浏览器顶部的显示内容；`<body>`部分，实际显示在用户浏览窗口中的网页内容。示例一展示了如何创建一个简单的HTML页面，包括`<html>`标签内的`<head>`和`<body>`结构。`<title>`标签设置了网页标题，`<p>`标签用于创建段落，并通过`align`属性控制文字对齐方式，如居中(`center`)、左对齐(`left`)或右对齐(`right`)。 2. **字符集设定**: `Content-Type`元标签是必不可少的，`<meta http-equiv="Content-Type" content="text/html;charset=GB2312">`指定页面的字符编码，这里使用的是GB2312字符集，确保不同地区和平台间的字符显示正确。其他字符集如UTF-8也是常用的选择。 3. **网页刷新与跳转**: `<meta http-equiv="Refresh" content="8;url=http://cn.yahoo.com">`用于设定网页在指定时间内自动跳转到另一个URL，这里是8秒后跳转至Yahoo中国的首页。 4. **网页过渡效果**: `Page-Enter`和`Page-Exit`元标签允许设置页面加载和关闭时的动画效果，如`<meta http-equiv="Page-Enter" content="revealTrans(Duration=8.0,Transition=21)">`和`<meta http-equiv="Page-Exit" content="revealTrans(Duration=8.0,Transition=12)">`。它们分别定义了进入和退出页面时的过渡持续时间和特效类型，这对于提升用户体验有积极作用。 5. **基本语法要点**: 学习HTML，理解标签的正确嵌套和闭合至关重要。每个开始标签（如`<p>`）对应一个结束标签（如`</p>`），保持结构清晰。避免滥用标签，正确使用`</html>`来结束文档，防止遗漏可能导致的错误。 HTML语言基础涵盖文档结构、元数据设置、内容布局和交互性设置等方面。掌握这些基础知识，能够帮助初学者构建出功能完备且具有良好用户体验的网页。随着进一步学习，可以探索CSS和JavaScript等技术，为网站添加更多动态效果和交互功能。

示例一

告诉浏览器这是  文件的头



夜雨寄北 简单示例设置浏览器顶端的标题





夜雨寄北

李商隐

 君未归期未有期    巴山夜雨涨秋

池是分段标记，段之间的距离较大，相当于换行后又多一行

 何当共剪西窗烛  却话巴山夜雨时。



表示该段落内的内容居中对齐，左对齐，居中对齐，

右对齐



表示  到此结束





标准的  文件结构

一、



用法：   !"# 

$%&'()*+)

作用,设定页面所使用的字符集

-&

用法：!"#-&.%",//

作用：表示网页将在 .& 内跳转到 0- 为 ,// 的网页

1212$

用法：   !"#12

#&3"./4&)+

  !"#1

2$#&3"./4&+)

作用：设定进入和离开页面时的特殊效果，即“网页过度”功能。其中， 3" 表示持续

时间，以秒 & 为单位。 & 表示使用哪种特效，取值为 +5)* ，如实例

!"#/

以上为 !"# 的头部协议，他以回应给浏览器一些有用的信息，以帮助正确和精确地

显示网页内容

二、

&

用法：&1&&6

作用：用来告诉搜索引擎你的网站的主要内容

78&

用法：78&"#&赵锋

作用：用来告诉搜索引擎你的网页关键字是什么

下载后可阅读完整内容，剩余6页未读，立即下载

u010862549

粉丝: 0
资源: 2

HTML基础入门：标签与语法详解

html语言基础

HTML语言基础PPT

HTML语言基础，基本结构

HTML语言基础教程

HTML语言基础.ppt

HTML语言基础教程.pdf

HTML语言基础[文].pdf

html 语言基础教程（网页制作必备）

HTML语言基础练习题.doc编程资料

HTML语言基础知识学习指南

最新资源