HTML_基础篇
一、HTML的概述
- 什么是HTML?
- html:Hyper Test Markup Language 超文本标记语言(它不是编程语言!)
- 超文本:功能比普通的文本更加强大。
- 标记语言:使用一组标签对内容进行描述的一门语言。
2.为什么要学习HTML
- 一般情况下,在一些比较正规的公司,前端和后端是分开 开发的,我们(java)负责后台代码的开发,但也会用到前端相关的页面。如果没有学习相关的技术,就无法看懂别人写的内容。
3.会在哪些地方使用HTML?
- 但凡涉及到页面的设计都可以使用HTML技术
4.如何使用HTML
HTML的语法和规范
整个HTML文件是以.html或者.htm结尾的。(这里建议使用.html结尾)
整个HTMl文件分为头部分<head></head>和体部分<body></body>
HTML标签都是由开始标签 和 结束标签组成<head></head>,也有一些自闭标签<br />
HTML标签不区分大小写 (建议使用小写,方便后续的学习,也符合大多数程序员的习惯)
[字体标签]
<font>标签
<font 属性名=“属性值”>文字内容</font>
color:显示的方式可以是单词,也可以是十六进制的数字。(用于显示文字的颜色)
size:显示文字的大小,最小为1,最大为7。超过7的按照7的大小显示
face:显示文字的字体,仅支持电脑本机所含有的字体。
[拍版标签]
标题标签
<hn/>:n代表数组,从1-6逐渐变小[加粗显示,单独占用一行]
水平线标签
<hr />:代表一条水平线 不要求掌握其属性。
段落标签
<p></p>:代表的是段落
换行标签
<br />:让光标进入到下一行,进行换行操作
字体加粗标签
加粗:<b></b>
斜体下划线标签
斜体:<i></i>
下划线
<u></u>
Demo
- 创建一个HTML文件
- 创建一个标题标签
- 创建一个水平线标签
- 创建两个段落标签
- 使用字体标签对段落里的 内容进行修饰
代码实现
<html> <head> <meta charset="utf-8"> <title>HTML基础篇</title> </head> <body> <h2>网站信息显示页面</h2> <hr /> <p><font color="red">努力</font>到无能为力,<b>拼搏</b>到<i>感动</i>自己</p> <p>未来的你 一定会感谢现在<u>拼搏</u>你</p> </body> </html>