HTML常用标签
程序员文章站
2022-06-26 08:40:50
1、em/strong/span 正常字体内容,设置与普通字体不同的样式 斜体,表示强调语义 加粗字体,表示强调语义 例子:
第一段
第二段
第三段
第 ......
HTML常用标签
-
标题标签
<h1>——<h6>
语义:作为标题使用,重要性依次递
1.独占一行 2.变粗、字号变大
- 段落标签
<p>*****</p>
语义:可以把HTML文档分割成若干段落
1.文本在一个段落中会根据浏览器窗口的大小自动换行。
2.段落和段落之间保有空隙。
-
换行标签
<br/>
-
文本格式化标签(强烈语义)
加粗<strong></strong>
倾斜<em></em>
删除线<del></del>
下划线<ins></ins>
-
盒子
<div>
和<span>
<div>
:用来布局的,大盒子,一个盒子独占一行<span>
:用来布局的,小盒子,一行可以多个盒子
- 图像标签和路径(重点)(单标签)
<img src="图像url" alt="替换文本" title="提示文本" width="宽度值" height="高度值" border="边框粗细值"/>
①属性之间没有先后顺序
②格式是键值 属性=“属性值”
属性 | 属性值 | 说明 |
---|---|---|
src | 图片路径 | 必须属性 |
title | 文本 | 提示文本(鼠标放在图像上时) |
alt | 文本 | 替换文本(图像不能显示时) |
width | 像素 | 设置图像的宽度 |
height | 像素 | 设置图像的高度 |
border | 像素 | 设置图像的边框粗细 |
- 超链接标签
<a href="跳转目标网址" target="目标窗口弹出方式">文本或者图像</a>
属性 | 作用 |
---|---|
href | 用于指定url地址,当为标签应用href属性时,具有超链接功能 |
target | 用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口中打开方式 |
-
链接分类
①外部链接:例如<a hred="http://www.baidu.com">百度</a>
②内部链接:<a href="index.html">首页</a>
③空连接:<a href="#">首页</a>
④下载链接:如果href里面的地址是一个文件或者压缩包,会下载这个文件。
⑤网页元素链接:文本、图像、表格、音频都可以添加超链接。(放进a 标签即可)
⑥锚点链接:点击链接,快速定位到页面中某个位置
第一步:在链接文本属性中,设置属性值为#名字的形式,如<a href="#two">第二集</a>
第二步:找到目标位置标签,添加一个id属性= 刚才的名字,如<h3 id="two">第二集介绍</h3>
-
注释标签:
<!--注释内容-->
(ctrl + / ) - 实体符号
显示结果 | 描述 | 实体名称 | 实体编号 |
---|---|---|---|
空格 | |
  |
|
< | 小于号 | < |
< |
> | 大于号 | > |
> |
& | 和号 | & |
& |
" | 引号 | " |
" |
’ | 撇号 |
' (IE不支持) |
' |
¥ | 元(yen) | ¥ |
¥ |
© | 版权(copyright) | © |
© |
® | 注册商标 | ® |
® |
™ | 商标 | ™ |
™ |
× | 乘号 | × |
× |
÷ | 除号 | ÷ |
÷ |
本文地址:https://blog.csdn.net/weixin_44206235/article/details/112854247