目录
HTML与CSS的关系
HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
CSS样式是表现。比如,标题字体、颜色变化或为标题加入背景图片、边框等。这些用来改变内容外观的东西称之为表现。
JavaScript是用来实现网页上的特效效果。例如鼠标滑过弹出下拉菜单,或鼠标滑过表格的北京颜色改变。还有Banner的自动轮播等。一般有动画有交互的都是用JavaScript来实现的。
Web和Android的项目结构也是很相似的,HTML作为网页内容的载体对应的是UI部分,也就是Android中布局xml文件内容;CSS的样式表现可以理解为value/style.xml和drawable文件夹的组合功能;JavaScript实现的效果也就类似于Android中Java代码去实现的业务逻辑和实现功能。
标签的语法
标签由英文尖括号"<"和">"括起来,例如<html>就是一个标签。
html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多一个反斜杠"/"。
标签与标签之间是可以嵌套的,但先后顺序必须保持一致。
HTML标签不区分大小写,<h1>和<H1>是一样的,但是建议小写,因为大部分开发者普遍以小写为主。
<h1>采菊东篱下,悠然见南山</h1>
<h1>是开始标签,</h1>是结束标签,“采菊东篱下,悠然见南山”是标题内容。结束标签比开始标签多个反斜杠“/”。
HTML文件基本结构
HTML文件是有自己固定的结构
<html>
<head>...</head>
<body>...</body>
</html>
<html></html>称为根标签,所有的网页标签都在<html></html>中。
<head>标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、<style>、<link>、<meta>等标签。
在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
HTML代码注释
代码注释的作用是帮助程序员标注代码的用途,过一段时间后再看之前写的代码就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员快速理解你所写的代码程序功能,方便团队开发的情况。
语法:
<!-- 这就是注释文字 -->
语义化
标签的用途:语义化通俗点就是明白每个标签的用途,在什么情况下合理的使用此标签。
语义化的好处:更容易被搜索引擎收录;更容易让屏幕阅读器读出网页内容。