HTML标签笔记2

最新推荐文章于 2024-07-25 11:26:35 发布

LT...

最新推荐文章于 2024-07-25 11:26:35 发布

阅读量109

点赞数

文章标签： html

本文链接：https://blog.csdn.net/tao_meng_/article/details/108503088

版权

HTML标签

上篇文章简单分享了我在<head>元素中的一些标签的笔记，接下来就分享一下<body>元素中的各种标签

使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。其基本语法格式如下：

<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>

采取键值对的格式 key=“value” 的格式

比如:

<hr width="400" />

属性是宽度

值是 400

单词缩写： head 头部. 标题 title 文档标题

其基本语法格式如下：

<hn>   标题文本   </hn>

<p>  文本内容  </p>

<hr />   <!--是单标签-->

<br />

div span 是没有语义的是我们网页布局主要的2个盒子 css+div

语法格式：

<div> 这是头部 </div>    <span>今日价格</span>

<b>粗体文本</b>
<i>斜体文本</i>
<s>删除线文本</s>
<u>下划线文本</u>

b i s u 只有使用,没有强调的意思

<em>强调内容</em>
<strong>语义更强调的内容</strong>
<del>删除文本</del>
<ins>插入文本</ins>

strong em del ins 语义更强烈

<img src="图像URL" alt="规定图像的替代文本。"/>

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

属性介绍
href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。
target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开方式。

1.使用“<a href=”#id名>“链接文本"</a>创建链接文本（被点击的）
  <a href="#two">   

2.使用相应的id名标注跳转目标的位置。
  <h3 id="two">第2集</h3>

    <!-- 注释语句 -->   ctrl + /       或者 ctrl +shift + /

注释内容不会显示在浏览器窗口中，但是作为HTML文档内容的一部分，也会被下载到用户的计算机上，查看源代码时就可以看到。

无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下：

<ul>
  <li></li>
  <li></li>
  <li></li>
  ......
</ul>

有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义，有序列表的基本语法格式如下：

<ol>
  <li></li>
  <li></li>
  <li></li>
  ......
</ol>

定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。其基本语法如下：

<dl>
  <dt>名词1</dt>
  <dd>名词1解释1</dd>
  ...
  <dt>名词2</dt>
  <dd>名词2解释1</dd>
  ...
</dl>

关注