HTML学习:字符实体,布局常用标签
字符实体
在网页中普通文字部分,在键盘中是打不出来的,比如我们的版权符号,商标符号等等。还有一种场景就是替代字符,HTML会识别一部分字符。
提供字符实体 w3c网址:w3c手册
常用字符实体:
如果想要网页显示:今天学习了h1标签
如下代码不能实现理想中的效果
<body>
<div>
今天学习了<h1>标签
</div>
</body>
浏览器会识别文本中的h1单独标签进行加载了,所以需要一些替代字符来实现。
实现方法:
利用字符实体进行转换:
<body>
<div>
<!-- 若要网页显示<h1>不能直接写<h1> 利用字符实体 -->
今天学习了<h1>标签
</div>
</body>
布局常用标签:div和span(俗称盒子)
HTML+CSS又叫做div+CSS
- div(大盒子-跨度布局分割):分割跨度大跨度,容器级标签,双标签。
- div主要作用是进行网页布局的拆分,没有明确的语义
- span(小盒子-文字分割):小区域小跨度
- span标签的作用是一个极限小,只适用于文字的跨度划分
- 两者作用是用来分割页面的布局
<p>
<!-- 强调300元 使用span-->
今天一共收入 <span style="color:red;">300</span> 元
</p>