109-html标签元素

html入门02


学点标签吧

先学块元素
块元素在布局中会独占一整行
宽度默认是父级的宽度
块元素后的元素需要换行排列


标题标签
<h1>一级超级大标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
这些标题标签除了有块元素的特性
还有默认的字体大小和外边距



段落标签
<p>abc</p>
p标签也有默认的外边距和字体大小
注意了
如果在p标签中换行或者打空格,是没有效果的
因为他们都不是字符实体
所以我们要用
&nbsp;
non-breaking space 不换行空格
所以我们要用这种空格
&nbsp;




&lt; &gt;
假设我们要写一段
<p>是一个标签
这样就不能显示,因为浏览器以为<p>是一个标签
所以我们这样写
&lt;p&gt;
这样就变成了<p>
&lt;是小于号<的字符实体
&gt;是大于号>的字符实体




换行标签<br/>
<br/>换行






块元素<div>
分区分块
<div>
	<h3>标题</h3>
	<p>My name is Alice</p>
</div>







然后是内联元素
元素之间可以排列一行
设置宽高是无效的
宽高是由内容撑开的






超链接标签
<a href="http://baidu.com">百度</a>
<a href="http://taobao.com">淘宝</a>
默认蓝色文字,有下划线
<a href="http://qq.com">
	<img src="images/logo.png" alt="logo" />
</a>

<a href="#">默认链接</a>
#表示是一个超链接,但是暂时没有地址
点击之后是不进行跳转的
可以看做是待设置跳转的一个超链接





图片标签
<img src="imgs/pic.png" alt="logo" />
src链接
alt名称

还可以直接放网络图片
<img src="https://baidu.com/img/bd_logo.png" alt="logo">