HTML+CSS学习笔记前言


目录

HTML与CSS的关系

二、标签的语法

三、HTML文件基本结构

四、HTML代码注释

五、语义化


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代码注释


代码注释的作用是帮助程序员标注代码的用途,过一段时间后再看之前写的代码就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员快速理解你所写的代码程序功能,方便团队开发的情况。

语法:

<!-- 这就是注释文字 -->

 


语义化


标签的用途:语义化通俗点就是明白每个标签的用途,在什么情况下合理的使用此标签。

语义化的好处:更容易被搜索引擎收录;更容易让屏幕阅读器读出网页内容。


 

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值