目录
前言
html第一个基础代码
提示:以下是本篇文章正文内容,下面案例可供参考
一、使用基础的HTML标签
超文本标记语言(外国语简称:HTML)标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。
HTML标签的大小写无关的,例如“主体”<body>跟<BODY>表示的意思是一样的,推荐使用小写。
HTML标签的使用特点:
-
由尖括号包围的关键词,比如 <html>
-
通常是成对出现的,比如 <div> 和 </div>
-
标签对中的第一个标签是开始标签,第二个标签是结束标签;
-
开始和结束标签也被称为开放标签和闭合标签。
-
也有单独呈现的标签,如:<img src="百度百科.jpg" />等。
-
一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如<h1>标题</h1>和 <input type="text" value="按钮" />。
-
网页的内容需在<html>标签中,标题、字符格式、语言、兼容性、关键字、描述等信息显示在<head>标签中,而网页需展示的内容需嵌套在<body>标签中。某些时候不按标准书写代码虽然可以正常显示,但是作为职业素养,还是应该养成正规编写习惯。
二、使用步骤
1.写一个简单的博客
代码如下(示例):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>论数学的重要性</h1><!--<h1-h6>改变字体大小依次变小-->
<i>2020.7.18</i><!--<i>将文本斜体-->
<hr><!--网页上出现水平线-->
<p>aaaaaaaa</p><!--<p>段落标签-->
<p>这个故事告诉我们一个道理<br><b>数学多么重要</b></p><!--<b>标签用于加粗字体-->
<!--<br>标签可以进行换行,注意是单标签-->
<br>今天 天气真好<!--一个该标签表示一个空格-->
</body>
</html>
2.输出运行结果
总结
使用到的标签如下:
1.<!DOCTYPE html> 声明告诉这个浏览器要使用HTML5的标准来解析这个网页
2.<h1></h1>标题标签
<h1></h1>
<h2></h2>
......
<h6></h6>使字体大小依次减小
3.<i></i> 文字斜体
4.<hr> 出现一条水平线,注意是单标签!
5.<p></p> 段落标签,文字会独占一行
6.<br> 换行标签,注意是单标签!
7.<b> </b> 文字加粗
8. 一个标签使网页上显示一个空格