Html和CSS的关系学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:1.HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2.CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。3.JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Html和CSS的关系</title> <style type="text/css"> h1{ font-size:12px;color:#930;text-align:center; } </style> </head> <body> <h1>Hello World!</h1> </body></html>
认识html标签
5289b84600017ac505810591.jpg
我们来分析一下,这个网页由哪些html标签组成:“勇气”是网页内容文章的标题,
就是标题标签,它在网页上的代码写成三年级时...我也没勇气参加。
网页上那张小女生的图片,由img标签来完成的,它在网页上的代码写成
网页的完整代码如下图:
5289ba5a0001609806280246.jpg
总结一下,可以这么说,网页中每一个内容在浏览器中的显示,都要存放到各种标签中。
标签的语法
528960dc0001cb6802710128.jpg
,那么
必须放在
5289611a0001469c05510206.jpg
认识html文件基本结构
这一节中我们来学习html文件的结构:一个HTML文件是有自己固定的结构的。
<html> <head>...</head> <body>...</body></html>
代码讲解:1.称为根标签,所有的网页标签都在中。2.
标签用于定义文档的头部,它是所有头部元素的容器。头部元素有