网站首页 > 基础教程正文

HTML认识及基本标签-第一章 html常用的基本标签

ccvgpt 2024-10-17 08:57:00 基础教程 7 ℃

一、什么是HTML？

HTML：Hyper Text Markup Language（超文本标记语言）

作用：编写网站；

基本格式：

<html>

<head>

<title>我的第一个网页</title>

</head>

<body>

我的第一个网页

</body>

</html>

注：< body>、</body>等成对的标签，分别叫开放标签和闭合标签

单独呈现的标签（空元素），如 <hr/> ；意为用 / 来关闭空元素

二、基本标签：

1、title标签：<title>我爱上了不该爱的人</title>

2、meta标签：<meta charset="UTF-8" />

3、标题标签：<h1>…</h1>

4：段落标签：

<p>北京欢迎你，有梦想谁都了不起！</p>

<p>有勇气就会有奇迹。</p>

5、换行标签：<br/>

6、水平线标签：<hr/>

7、字体样式标签：加粗：<strong>..<strong/>

斜体：<em>..<em/>

8、图片标签：<img src="path" alt="text" title="text" width="x" height="y" />

9、链接标签：<a href="path" target="目标窗口位置">链接文本或图像</a>

添加新内容：

块元素：无论内容多少，该元素独占一行（p、h1-h6…），可以改变高度，可以改变左右距离

行内元素内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em…)，不可以改变高度，只可以改变左右的距离。

示例：

<head >

<title>我的页面标题</title>

</head>

<body>

<!-- <h1>Hello World!</h1>

</body>

</html>

效果图链接：file:///D:/ruanjian/VS/wenjianxiangmu/htmlOne/hello.html

上一篇： 9.HTML链接标签 html中链接怎么写
下一篇：全栈小知识-超链接(a标签)的各种状态，对应不同的css样式

网站首页 > 基础教程 正文

HTML认识及基本标签-第一章 html常用的基本标签

猜你喜欢

网站首页 > 基础教程正文