HTML的入门世界
1.什么是HTML
- HTML是超文本标记语言
- 超文本:超出文本范畴,功能比文本强大
- 标记语言:语法由标签组成
- HTML的核心就是各类标签
- HTML文件“翻译”成可以识别的信息,即现在所见到的网页
2.HTML能做什么
- 设计页面,制作网页
3.HTML结构
<html>
<head>
<title>标题</title>
//外部文件 css,js
//配置: eg 编码
</head>
<body>
//在网页中展示的内容
</body>
</html>
3.1 head标签
头标签,一般写在head标签内部的内容在网页中不会显示.
作用:
1.指定网站的标题
2.指定网站的关键字/指定网站的描述信息
3.外挂css/js文件
4.添加一下浏览器适配相关的内容
3.2 title标签
用于指定网站的标题,title标签必须写在head标签里边
3.3 body标签
用于定义HTML文档中需要显示给用户查看的内容(文字/图片/音频/适配),一对HTML标签中()只能有一对body标签
4.HTML语法规范
- 扩展名是html或者htm
- html标签不区分大小写(建议统一小写,美观不别扭)
<font></font> 建议
<font></FONT>
- 标签可以嵌套,标签里面可以放标签
<p><font>你好,世界</font><p> 正确写法
<p><font>你好,世界></p></font> 错误写法
- 标签一般由起始标签开始,结束标签终止. 如果标签不修饰内容,可以在标签里结束. 例如br,hr,img标签.
<p>内容</p> 标签里需要写内容
<br/> 在标签里结束,不需要内容
5.标签属性
- 属性是属于标签的,修饰标签,让标签有更多的效果
- 属性定义在起始标签里面
- 属性一般以属性=属性值存在
<font color="red">你好</font>
6 .案例
案例:让 “HelloWord"在网页中显示 字体颜色为蓝色,字体大小为7,网站标题为"你好,世界!”
思路分析:
- 创建html
- 创建标题标签,写标签内容:你好,世界!
- 写font标签,在标签里写上内容为HelloWorld,设置属性:颜色为blue,字体大小为7.
代码实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>你好,世界!</title>
</head>
<body>
<font color="blue" size="7">HelloWorld</font>
</body>
</html>
网页显示图:
更多HTML标签介绍及HTML知识将在之后的文章中介绍…