HTML复习（链接、标题、段落）

WX_Tracy

已于 2022-02-09 12:07:05 修改

阅读量362

点赞数

文章标签： html 前端

于 2022-01-14 23:16:18 首次发布

本文链接：https://blog.csdn.net/wx_tracy/article/details/122493235

版权

由于期末复习有半个月没有接触前段任何内容，寒假还是先进行复习进程，首先复习HTML

一、概念

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
ctrl+/ 单行注释，ctrl+shift+/ 块注释

二、

1、标题：

①通过<h1>——<h6> 标签进行定义的。<h1> 最大的标题，依次递减， <h6> 最小的标题，并且生成的文本有加大加粗的效果（注：浏览器会自动地在标题的前后添加空行。）

<h1>这是一个标题。</h1>
<h2>这是一个标题。</h2>

②水平线：<hr/> 标签（此标签是单标签）用于分割内容

2、段落

①通过 <p> 标签定义（注：浏览器会自动地在段落的前后添加空行且</p> 是块级元素）

在自己写代码时使用空格或者回车浏览器会自动忽略。

②换行：<br>标签（此标签是单标签）

3、格式化标签

常用标签：<strong>加粗、<em>斜体（其余网上查找标签参考手册）

4、链接

①超链接语法规范

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

href:用于指定链接目标的url地址，为必须属性，当为标签应用href属性时，它就具有了超链接的功能。

target:用于指定链接页面的打开方式。其中_self为默认值（当前窗口打开页面）。_blank为在新窗口打开页面方式。

<a href="跳转目标" target="_blank">文本内容</a>

②链接分类

外部链接：

<a href="http://www.qq.com" target="_blank">腾讯</a>

注：必须使用http://www的形式，其功能是跳转到已经存在的网页上。

<a href="shouye.html">首页</a>

注：内部链接指的跳转到你自己写的html 网页里。

<a href="#">首页</a>

<a href="http://www.baidu.com"><img src="img.jpg"/></a>

注：此方式为点击img的图片到达百度页面

在链接文本的href 属性中，设置属性值为#名字的形式，如：<a href="#two">第二集</a>

找到目标位置标签，里面添加一个id属性=刚才设置的名字，如：<h3 id="teo">第二集介绍</h3>

③link元素

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

关注