这是两天后的第一次学习,也是我第一次在网上平台学习!
希望和大家一起坚持到最后。
下面是我今天的一些总结:
一:Html和Css的关系
学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言(所入
门从HTML学起)
1:HTML——网页内容的载体,可以包含文字、图片、视频等。
2:CSS——样式是表现,就像网页的外衣。比如,标题字体、颜色变化,或
为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
3:JavaScript——用来实现网页上的特效效果
二:网页的常识内容
<h1></h1>—标题 形式:<h1>......(标题).......</h1>
<p></p>—段落标准 形式:<p>..........(内容).......</p>
<img src="jpg">
三:标签的语法
1:基本形式:由英文尖括号<>括起来,如<html>
2:标签一般都是成对出现的,分为开始和结束标签
3:标签和标签的嵌套
如<div><p>...........................</p></div>
明显,标签<p>嵌套入<div>要将其置于中间
4:标签不区分大小写,但我们以小写为准。
四:HTML文件基本结构
一个HTML文件是有自己的固定的结构。
如
<html> <head>...</head> <body>...</body> </html>
代码解释:1.
<html></html>
称为根标签,所有的网页标签都在<html></html>中。2.
<head>
标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>
、<script>
、<style>
、<link>
、<meta>
等标签,头部标签在下一小节中会有详细介绍。3. 在
<body>
和</body>
标签之间的内容是网页的主要内容,如<h1>
、<p>
、<a>
、<img>
等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
五:对标签<head>的认识
文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包
含的数据都不会真正作为内容显示给读者。
一般格式:
<head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head>
<titlle>
标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它
会出现在浏览器的标题栏中。且每个网页的内容都是不同的,每个网页都应该有一
个独一无二的title。
如<head>
<title>I miss you<title>
</head>
将会在网页中标题栏上显示I miss you
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>认识html文件基本结构</title>
</head>
<body>
<h1>在本小节中,你将学会认识html文件基本结构</h1>
</body>
</html>