本文详细介绍了HTML的基础知识，包括各种标记符的使用，如head、title、body和style属性。讨论了如何显示特殊字符，浏览器默认的字体样式，以及添加水平线和调整文本对齐方式。此外，还讲解了div和span标记在页面布局中的作用，以及如何创建和控制列表。文章还提到了超链接的使用，如在新窗口中打开链接和实现文件下载，并列举了常见的图像文件格式。
Html标记符
绝大多数标记符都是成对出现的，包括“开始标记符”和“结束标记符”
结束标记符多一个“/”
某些标记符，例如“<br/>”实现换行。只要求单一标记符号，称为“空标记符”
HTML中的a元素
a元素是html内联元素
一行放不下则自动折行（这一点不同于块状元素的浮动，可以把内联元素想象成水，把块状元素想象成盒子，浮动的块状元素一行放不开则自动将内容全部折到下一行，而内联元素则只是将放不开的部分内容呢折到下一行）。
实现某些a的排列，一行放不开可以将部分内容折到下一行显示，例如菜单。
head标记符
网页的首部主要放置以下两种类型的内容:
1. 样式表（CSS）：位于<style>和</style>之间
2. JavaScript脚本：位于<script>和</script>之间
title标记符
▪ 在首部标记符中，最基本、最常用的标记符是标题标记<title>和
</title>，用于定义网页的标题。
▪ 当网页在浏览器中显示时，网页标题将在浏览器窗口的标题栏中显示。
body标记符
▪ 正文标记符<body>和</body>包含Web 页的内容。文字、
图形、链接等HTML元素都位于该标记符内。
▪ 正文标记符中的文字，如果没有其他标记符修饰，则将以
无格式的形式显示。
默认情况下，空格和回车并不影响网页的显示，除非它们在预格式化元素<pre>和</pre> 内部。
style属性
几个地方同时设置一个属性的值时，style发生了冲突怎么办？
：：对于多个背景颜色的设置，“离得最近”的起作用。
显示“特殊字符”
▪ 如果用户需要在网页中显示某些特殊字符，例如：<（小于号）、>
（大于号）、”（引号）等，则需使用参考字符来表示，而不能直接输
入。
▪ 参考字符以“&“号开始，以“；”结束，既可以使用数字代码，也可以使
用代码名称。
浏览器默认的字体样式
▪ 有一些HTML标记具有特定的语义，浏览器会为其定义默认样式。
▪ 例如，address标记符说明了“地址”这个含义，但并没有说明具体的显
示效果，不同的浏览器，可能显示出不同的效果。
添加水平线
添加水平线的标记符为<hr/>，可以给它设置线型，颜色等样式
text-align样式
此样式用于设置段落的对齐格式，其值包括：
right（右对齐）、left（左对齐）、
center（居中对齐）和 justify（两端对齐）。
div标记符
div标记符用于为文档分节，以便为文档的不同部分应用不同的样式。
▪ 在网页设计中，使用div给网页分块是通用做法。
如果不设置任何样式，默认情况下，浏览器会在一个
新行中显示<div>元素中的内容。
<div>没有特殊的语义，主要用于在文档结构上
将整个文档“分块”，而将文档分块的目的，
通常是为了能为这块设置特定的样式，或者是
方便使用JavaScript去整体地访问它。
span标记
使用<div>我们可以在需要时将特定的HTML元素“打包”为一个整体统一
处理。但在实际开发中，我们还经常遇到这种场景：需要将一个
HTML“块”元素内部特定的内容 “打包”为一个整体统一处理。
在<p>所标识的自然段中采用不同的样式显示特定的文字：
我们可以使用<span>来做到这一点
span示例
有序列表与无序列表
有序列表（Ordered list）”也称数字式列表，它是一种在表的各项前
显示有数字或字母的缩排列表
▪ 定义有序列表需要使用有序列表标记符<ol>
▪“无序列表（Unordered list）”也称强调式列表，它是一种在表的各项前显示有特殊项目符号的缩排列表，使用<ul>定义。
▪ 列表项（List item）使用<li>定义
描述性列表：<dl>、<dt>、<dd>
可以用于编写术语表、字典等内容。
在新窗口中打开链接
▪ 默认情况下，<a>在同一窗口中打开链接的资源
▪ 如果需要在新窗口中打开，可以使用target属性，并给其赋与一个
_blank值
超链接实例：实现文件下载
▪ 在服务端为特定类型的文件设置MIME映射后，就可以使用<a>定义下载链接
常用图像文件有哪些？
JPEG 有损压缩 可以控制压缩比
Png 支持透明度
GIF 无损压缩
扫一扫
487
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
