10.1.2 body标签

想要在网页上展示出来的内容一定要放在body标签中。

<h1>~<h6> 标题标签

<h1>~<h6>标签可定义标题。

<h1> 定义最大的标题。

<h6> 定义最小的标题。

由于 h 元素拥有确切的语义,因此要慎重地选择恰当的标签层级来构建文档的结构。

一般不用标题标签来改变同一行中的字体大小。

相反,应当使用css来定义达到漂亮的显示效果。

标题标签通常用来制作文章或网站的标题。

<p> 段落标签

<p>,paragraph的简写,定义段落。

  • 跟普通文本一样,但我们可以通过css来设置当前段落的样式
  • 独占一行,块级元素

<a> 超链接标签

超级链接<a>标记代表一个链接点,是英文anchor(锚点)的简写。

它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像。

target:_blank 在新的网站打开链接的资源地址

target:_self 在当前网站打开链接的资源地址

title: 表示鼠标悬停时显示的标题

目标文档为下载资源 例如:href属性值,指定的文件名称,就是下载操作(rar、zip等)

子邮件链接 前提:计算机中必须安装邮件客户端,并且配置好了邮件相关信息。 例如:<a href=“mailto:[email protected]”>联系我们</a>

返回页面顶部的空链接或具体id值的标签 例如:<a href="#">内容</a>或<a href="#id值">内容</a>

javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码。 例如:<a href=“javascript:alert()”>内容</a>

javascript:;表示什么都不执行,这样点击<a>时就没有任何反应 例如:<a href=“javascrip:;”>内容</a>

<ul>,<ol> 列表标签

<ul>:unordered lists的缩写 无序列表

<ol>:ordered listsde的缩写 有序列表

<div> 盒子标签

<div>可定义文档的分区 division的缩写。

<img/> 图片标签

<img src=“图片地址” alt=“图片加载失败时显示的内容” title = “提示信息” />

<br> 换行标签

<hr>分割线

<table> 表格标签

在这里插入图片描述

<form> 表单标签

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、输入框(input)、单选框()。

发布了726 篇原创文章 · 获赞 402 · 访问量 31万+

猜你喜欢

转载自blog.csdn.net/weixin_43336281/article/details/104656101