首页 > 代码库 > HTML+CSS基础学习笔记（1）
HTML+CSS基础学习笔记（1）
一、了解HTML、CSS、JS
1、HTML是网页内容的载体。
内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
2、CSS样式是表现。
用来改变内容外观的东西称之为表现，如标题字体、颜色变化等，就像网页的外衣。
3、JavaScript是用来实现网页上的特效效果。
动画的、有交互的。如鼠标滑过弹出下拉菜单、鼠标滑过背景颜色改变、新闻图片的轮换等。
二、html文件基本结构
<html>
<head>.....</head>
<body>.....</body>
</html>
代码讲解：
1、<html></html>根标签，所有网页标签都包含其中。
2、<head></head>定义文档头部标签，包含<title>、<script>、<style>、<link>、<meta>等所有头部元素的内容。
3、<body></body>包含网页内容标签，如<h1>、<p>、<a>、<img>等网页内容标签。
三、head标签
<head>
<title>.....</title>
<meta>
<limk>
<style>.....</style>
<script>.....</script>
</head>
代码讲解：
<title>标签：在<title></title>标签之间的文字内容是网页的标题信息，显示于浏览器标题栏，用于告诉用户和搜索引擎这个网页的主要内容，每个网页的内容都不同，每个网页都应有一个独一无二的title。
四、<span>标签
<html>
<head>
<style>
span{color:blue}
</style>
</head>
<body>
<span>此处文字将会显示为蓝色</span>
</body>
</html>
五、注意
HTML标签不区分大小写，但是建议小写。
HTML+CSS基础学习笔记（1）