02、HTML 基础

2019-08-14 09:54:08来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

1、HTML 标题

HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的.

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>灵_夜</title>

</head>

<body>

 

<h1>这是标题 1</h1>

<h2>这是标题 2</h2>

<h3>这是标题 3</h3>

<h4>这是标题 4</h4>

<h5>这是标题 5</h5>

<h6>这是标题 6</h6>

 

</body>

</html>

 

 

2、HTML 段落

HTML 段落是通过标签 <p> 来定义的.

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>灵_夜</title>

</head>

<body>

 

<p>这是一个段落。</p>

<p>这是一个段落。</p>

<p>这是一个段落。</p>

 

</body>

</html>

 

 

3、HTML 链接

HTML 链接是通过标签 <a> 来定义的.

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>灵_夜</title>

</head>

<body>

 

<a href="//www.baidu.com">这是一个链接使用了 href 属性</a>

 

</body>

</html>

 

 

提示:在 href 属性中指定链接的地址。

4、HTML 图像

HTML 图像是通过标签 <img> 来定义的.

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>灵_夜</title>

</head>

<body>

 

<img src="/images/logo.png" width="258" height="39" />

 

</body>

</html>

 

注意: 图像的名称和尺寸是以属性的形式提供的。以上例子src一定是存在的图片,当然可以指定电脑上的一张图片,否则会出现错误。

说明:

 

 


原文链接:https://www.cnblogs.com/CSAH/p/11253518.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:css 行内水平均等排布方式

下一篇:vue v-for 使用问题整理