HTML-1
Posted Ja_king_
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML-1相关的知识,希望对你有一定的参考价值。
1.什么是html
HTML,全称“Hyper Text Markup Language(超文本标记语言)”,简单来说,网页就是用HTML语言制作的。HTML是一门描述性语言,是一门非常容易入门的语言。
2.HTML怎样书写
整个网页从<html>
开始到</html>
结束,<head>
和</head>
包含的为页头,<body>
和</body>
包含的是页身。
<html>
<head>
<title>第一个页面</title>
</head>
<body>
键盘敲烂,ZH最帅
</body>
</html>
3.head标签
4.body标签
body标签代表页面的“身”,定义网页展示内容,这些内容往往都是“可见内容”(在浏览器可见)。
5.段落与文字
6.文字加粗,倾斜,下划线等标签
<h1>标题标签</h1>
<p>段落标签</p><br />换行标签,是个单标签<br />
<strong>加粗标签</strong><br />
<b>这也是加粗标签</b><br />
<em>倾斜标签</em><br />
<i>这也是倾斜标签</i><br />
<del>删除标签</del><br />
<s>这也是删除标签</s><br />
<ins>下划线标签</ins><br />
<u>这也是下划线标签</u><br />
<div>是个盒子,独占一行</div>123
<span>1</span>
<span>2</span>
<span>3</span>
7.注释标签(快捷键Ctrl+/)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 注释标签 快捷键 Ctrl+/-->
</body>
</html>
8.图像标签
1)若图像与html文件位于同一文件夹,则<img src=" 图片名 ">
可直接添加图片
2)若位于下一文件夹,则需添加 文件名 和 / 如:<img src="文件名/图片名">
3)若位于上一文件夹,添加 ./ 即可 如:<img src="./图片名">
如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src="images/nba.png"/><br />
alt 替换文本,图片显示不出来时使用<br />
<img src="images/nba1.png" alt="zh"/><br />
title 提示文本,图片提示用<br />
<img src="images/nba.png" alt="zh" title="湖人总冠军"/><br />
width 给图像设置宽度 height<br />
<img src="images/nba.png" alt="zh" title="湖人总冠军" width="500" height="100"/><br />
<img src="images/nba.png" alt="zh" title="湖人总冠军" height="100"/><br />
boder 给图像设定图像<br />
<img src="images/nba.png" alt="zh" title="湖人总冠军" width="500" boder="15" /><br />
</body>
</html>
以上是关于HTML-1的主要内容,如果未能解决你的问题,请参考以下文章