HTML&&CSS复习 (二)

最新推荐文章于 2024-06-27 14:51:05 发布

慢慢升级

最新推荐文章于 2024-06-27 14:51:05 发布

阅读量56

点赞数 1

分类专栏： HTML&&CSS复习文章标签： html css 前端

本文链接：https://blog.csdn.net/m0_66208334/article/details/122392469

版权

HTML&&CSS复习专栏收录该内容

10 篇文章 0 订阅

订阅专栏

HTML常见的行内元素有：

还有包括一些文本元素如：<br> 、<b>、 <strong>、<sup> 、<sub>、 <i> 、<em> 、<del> 、 <u>等。

HTML常见的块级元素有：

<div>、<table>、<form>、<p>、<ul>、

<h1>......<h6>、<hr> 、<pre>、<address>、<center>、<marquee> 、<blockquote> 等。

img属于替换元素，替换元素一般有内在尺寸和宽高比，所以具有width和height，可设定

HTML中的替换元素：img、input、textarea、select

block：块级元素，前后都有换行符，可设置width和height，padding和margin水平垂直方向均有效

inline：内联元素（行级元素），前后无换行符，在一排排列，不可设置width和height，垂直方向上padding和margin失效

inline-block：内联块级元素（行块元素），可设置width和height，padding和margin水平垂直方向均有效，前后无换行符

块元素(block element) HTML标签分类明细
* address - 地址
* blockquote - 块引用
* center - 举中对齐块
* dir - 目录列表
* div - 常用块级容易，也是css layout的主要标签
* dl - 定义列表
* fieldset - form控制组
* form - 交互表单（只能用来容纳其它块元素）
* h1 - 大标题
* h2 - 副标题
* h3 - 3级标题
* h4 - 4级标题
* h5 - 5级标题
* h6 - 6级标题
* hr - 水平分隔线
* isindex - input prompt
* menu - 菜单列表
* noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容
* noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）
* ol - 排序表单
* p - 段落
* pre - 格式化文本
* table - 表格
* ul - 非排序列表

内联元素(inline element) HTML标签分类明细
* a - 锚点
* br - 换行
* em - 强调
* i - 斜体
* img - 图片
* input - 输入框
* label - 表格标签
* select - 项目选择
* span - 常用内联容器，定义文本内区块
* strong - 粗体强调
* textarea - 多行文本输入框
* u - 下划线

注释标签

用于注释用于在源代码中添加注释。注释不会显示在浏览器中。

转义字符
在 html 中 <> 中包含内容往往有含义，比如 <br/> 表示换行，如果需要打印 <br/> 到屏幕上，则需要使用转义字符
用 &lt 表示左半括号 <
用 &gt 表示右半括号 >

转义字符表示空格
HTML提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（&ensp; &emsp;   &zwnj;&zwj;）在不同浏览器中宽度各异。
 
它叫不换行空格，全称No-Break Space，它是最常见和我们使用最多的空格，大多数的人可能只接触了 ，它是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示才可累加，该空格占据宽度受字体影响明显而强烈。
&ensp;
它叫“半角空格”，全称是En Space，en是字体排印学的计量单位，为em宽度的一半。根据定义，它等同于字体度的一半（如16px字体中就是8px）。名义上是小写字母n的宽度。此空格传承空格家族一贯的特性：透明的，此空格有个相当稳健的特性，就是其占据的宽度正好是1/2个中文宽度，而且基本上不受字体影响。
&emsp;
它叫“全角空格”，全称是Em Space，em是字体排印学的计量单位，相当于当前指定的点数。例如，1 em在16px的字体中就是16px。此空格也传承空格家族一贯的特性：透明的，此空格也有个相当稳健的特性，就是其占据的宽度正好是1个中文宽度，而且基本上不受字体影响。
 
它叫窄空格，全称是Thin Space。我们不妨称之为“瘦弱空格”，就是该空格长得比较瘦弱，身体单薄，占据的宽度比较小。它是em之六分之一宽。
&zwnj;
它叫零宽不连字，全称是Zero Width Non Joiner，简称“ZWNJ”，是一个不打印字符，放在电子文本的两个字符之间，抑制本来会发生的连字，而是以这两个字符原本的字形来绘制。Unicode中的零宽不连字字符映射为“”（zero width non-joiner，U+200C），HTML字符值引用为： &zwnj;
&zwj;
它叫零宽连字，全称是Zero Width Joiner，简称“ZWJ”，是一个不打印字符，放在某些需要复杂排版语言（如阿拉伯语、印地语）的两个字符之间，使得这两个本不会发生连字的字符产生了连字效果。零宽连字符的Unicode码位是U+200D (HTML: &zwj; &zwj;）。
此外，浏览器还会把以下字符当作空白进行解析：空格（ ）、制表位（	）、换行（
）和回车（）还有（　）等等。