欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML常用标签

程序员文章站 2022-03-13 08:05:23
1、em/strong/span 正常字体内容,设置与普通字体不同的样式 斜体,表示强调语义 加粗字体,表示强调语义 例子:

第一段

第二段

第三段

第 ......

HTML常用标签

  1. 标题标签<h1>——<h6>
    语义:作为标题使用,重要性依次递

1.独占一行 2.变粗、字号变大

  1. 段落标签<p>*****</p>
    语义:可以把HTML文档分割成若干段落

1.文本在一个段落中会根据浏览器窗口的大小自动换行。
2.段落和段落之间保有空隙。

  1. 换行标签<br/>
  2. 文本格式化标签(强烈语义
    加粗<strong></strong>
    倾斜<em></em>
    删除线<del></del>
    下划线<ins></ins>
  3. 盒子<div><span>

<div>:用来布局的,大盒子,一个盒子独占一行
<span>:用来布局的,小盒子,一行可以多个盒子

  1. 图像标签和路径(重点)(单标签)
<img src="图像url" alt="替换文本" title="提示文本" width="宽度值" height="高度值" border="边框粗细值"/>

①属性之间没有先后顺序
②格式是键值 属性=“属性值”

属性 属性值 说明
src 图片路径 必须属性
title 文本 提示文本(鼠标放在图像上时)
alt 文本 替换文本(图像不能显示时)
width 像素 设置图像的宽度
height 像素 设置图像的高度
border 像素 设置图像的边框粗细
  1. 超链接标签
<a href="跳转目标网址" target="目标窗口弹出方式">文本或者图像</a>
属性 作用
href 用于指定url地址,当为标签应用href属性时,具有超链接功能
target 用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口中打开方式
  1. 链接分类
    ①外部链接:例如<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>
  2. 注释标签<!--注释内容-->(ctrl + / )
  3. 实体符号
显示结果 描述 实体名称 实体编号
空格 &nbsp; &#160;
< 小于号 &lt; &#60;
> 大于号 &gt; &#62;
& 和号 &amp; &#38;
" 引号 &quot; &#34;
撇号 &apos;(IE不支持) &#39;
¥ 元(yen) &yen; &#165;
© 版权(copyright) &copy; &#169;
® 注册商标 &reg; &#174;
商标 &trade; &#8482;
× 乘号 &times; &#215;
÷ 除号 &divide; &#247;

本文地址:https://blog.csdn.net/weixin_44206235/article/details/112854247

相关标签: html