1、什么是HTML

HTML单应用使用axios html怎么用_html

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

(1)"超文本"就是指页面内可以包含图片、链接等非文字内容。

(2)"标记"就是使用标签的方式将需要的内容包括起来。它不是编程语言，不需要编译器的编译，浏览器可以直接解析。例如<a>aaaa</a>

2、HTML怎么使用?

(1)语法和规范

①所有的html文件后缀名都是以.html或者.htm结尾的，建议使用.html结尾。

②整个html文件必须包裹在<html></html>标签内，分别由头部分<head></head>和体部分<body></body>组成。

<!DOCTYPE html>//在<html>标签之前，声明文本的类型
<html>
<head>
<meta charset="UTF-8"><!--告诉浏览器用什么编码格式解析html-->
<title>Insert title here</title>
</head>
<body>
	Insert display content
</body>
</html>

③html标签都是由开始标签和结束标签组成。还有的直接只有一个表签，没有内容，如：<br/>

④html标签忽略大小写，但是建议使用小写。

HTML单应用使用axios html怎么用_css_02

3、HTML相关标签的学习

(1)标题标签

标题标签使用<hn></hn>表示，n是1-6，从1-6逐渐变小。超过6的就不是标题，而是普通文本。

特点：加粗加黑显示，单独占用一行，与其他行有一定的行间距。

(2)注释标签

用<!--注释内容-->表示，在myeclipse中用ctrl+shift+/，跟java的注释快捷键是一样的。

在页面不显示，但是如果通过f12查看源码可以看到。

(3)水平分割线标签

用<hr/>表示，是一个单个使用的标签，没有结束标签。它表示一条水平线，可以通过属性size跟noshade来设置线的高度和阴影

<hr/>
<hr size = "5"/>
<hr noshade = "noshade"/>

显示效果如下

HTML单应用使用axios html怎么用_HTML_03

(4)段落标签

用<p></p>表示，将需要分段的文字放在两个标签里面，就会自动分段。关于首行缩进的功能，现在一般通过css来实现。

(5)字体标签

<font>,现在html5已经舍弃font标签，通过css来设置字体样式跟颜色。

(6)加粗、斜线、下划线标签

<b></b>表示加粗

<u></u>表示下划线

<i></i>表示斜体

跟word的用法一样

4、实现一个小案例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<!-- <h1>公司简介</h1> -->
	<h2>公司简介</h2>
	<hr />
	<p>
		<font color="red">黑马程序员</font>是<b>传智播客</b>旗下高端IT教育品牌，以务实、质量、创新、分享、专注、责任为核心价值观，致力于服务各大软件企业，解决当前软件开发技术飞速发展，而企业招不到优秀人才的困扰。
		目前，“<i>中关村黑马程序员训练营</i>”已成长为行业“<u>学员质量好、课程内容深、企业满意</u>”的移动开发高端训练基地，并被评为中关村软件园重点扶持人才企业。
	</p>
</body>
</html>

HTML单应用使用axios html怎么用_html_04