HTML与CSS基础概述与关键特性

需积分: 35 1 下载量 36 浏览量 更新于2024-07-18 收藏 54KB DOCX 举报
本文档是对HTML(HyperText Markup Language,超文本标记语言)和CSS(Cascading Style Sheets,层叠样式表)基础知识的总结,涵盖了这两个关键前端技术的重要概念。HTML于1993年首次发布,随着互联网的发展,最新的HTML5版本在2013年推出,强调了移动优先和语义化的元素。 HTML的核心在于标记语言,它定义了网页的结构,包括标题、段落、列表、链接等。HTML标签并不区分大小写,但为了代码清晰,建议保持一致性。`<META>`标签是元信息标签,用于提供关于网页的额外数据,如字符集设置。字符集如charset=gb2312用于简体中文,charset=big5用于繁体中文,英文网页通常使用iso-8859-1或不指定编码。`<meta>`标签还包括关键字和作者信息,以及`<title>`标签的位置,确保UTF-8编码用于支持中文标题。 `<Font>`标签在HTML4中曾广泛使用,但在HTML5中已被弃用,因为它不适用于CSS控制,但了解其作用对于旧版兼容仍有价值。特殊字符可以用字符实体(如`&amp;copy;`表示版权符号)来表示,确保无空格并以分号结尾。 `<img>`标签的`alt`属性至关重要,当图像无法加载时,会显示替代文本,同时鼠标悬停时也会提供提示。锚点链接(锚记)通过`<A>`标签创建,`name`属性定义锚点名,`href`属性配合`#`符号指向页面内的特定位置,如`<a href="#marker">`用于内部链接。 电子邮件链接的实现是通过`<a>`标签的`href`属性,加上`mailto:`前缀,如`<a href="mailto:example@example.com">`,这样用户点击链接即可发送电子邮件。 这篇总结详尽介绍了HTML的基础结构、元信息管理、文本样式控制、特殊字符转义、图像链接以及电子邮件链接的创建,是学习和理解这两个前端技术的重要参考资料。通过理解和掌握这些内容,开发者可以构建出结构清晰、具有良好用户体验的网页。