HTML基础标签(菜鸟一看就会)

- h标签

h标签 标题标签 在HTML中,一共有六级标题标签 h1~h6 在显示效果上,h1最大,h6最小,但是文字的大小我们并不关心 6级标题中,h1的最总要,表示一个网页中的主要内容,h2~h6重要性依次降低,对于搜索引擎来说, h1的重要性仅仅次于title,搜索引擎检索完title会立即查看h1中的内容 h1标签非常重要,它会影响到页面在搜索引擎中的排名,一个页面最好只写一个h1标签 一般的页面中,我们只使用h1 h2 h3,其他的基本不用

<h1>这是一个h1标签</h1>

- p标签

段落标签,段落标签用于表示内容中的一个自然段 使用p标签来表示一个段落 p标签中的文字,会独占一行,并且段与段之间会有一个间距

<p>
    段落标签,段落&quot;标签&quot;用于表示内容中的一个自然段,<br><hr>
    使用p标签来表示一个段落,
    p标签中的文字,会独占一行,并且段与段之间会有一个间距
</p>

- br标签

br标签 表示换行标签 br标签是一个自结束标签 br标签的语义是不另起一个段落换行, 而在企业开发中一般情况下需要换行都是因为需要另起一个段落, 所以在企业开发中很少使用br标签

-hr标签

hr标签 可以在页面中生成一个分割线

- 字符实体

空格  &nbsp;
  <  &lt;
  >  &gt;
  “  &quot;
  &  &amp;
  ‘  &apos;

- img标签

img标签 告诉浏览器要显示一张图片

img标签的格式 
<img src="" alt="">

src:设置一个图片的路径(绝对路径和相对路径,最好使用相对路径) alt:可以用来设置在图片不能显示的时,对图片的描述 img标签的其他属性 width:设置图片的宽度 height:设置图片的高度 title:用于告诉浏览器,鼠标悬停的时候,需要弹出的描述框中显示什么内容。

<img src="图片的url或本地路径地址" alt="" width="100px" height="100px" title="">

注意点:

1.px 单位名称为像素,相对长度单位,像素px是相对于显示器屏幕分辨率而言的。像素的使用性特

别广。

2.如果不设置img标签的宽度和高度,那么图片就会按照默认的样式显示,如果设置了宽高,img就

会按照设置的宽高来显示。

3.有时设置img的宽高会使图片失真,这时只需要设置宽度或者高度中的一个,另外一个会等比例调整。

4.一般除了自适应的页面,不建议设置width和height。

5.和h标签以及p标签不同的是,img标签不会独占一行

- a标签

a标签的作用 用于控制页面与页面之间跳转的 a标签的格式

<a href="指定需要跳转的目标界面">需要展现给用户查看的内容</a>
<a href=
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值