每日学习前端1

来源:互联网 发布:二十四小时软件 编辑:程序博客网 时间:2024/06/08 16:47

学习web前端开发基础技术需要掌握:HTML、CSS、JS

HTML(显示信息包括:文字,图片,视频等)是网页内容的载体;

CSS(标题字体,颜色变化或者插入边框等)是样式的表现;

JS(交互与动画)是网页的特效。

用一个生动的比喻来说,一个人就好比HTML,人穿衣就是CSS,人的运动就是JS。

HTML与CSS初体验

<style type="text/css">

h1{

font-size:12px;

color:#930;

text-align:center;

}

<style>

这是在为h1这个标签添加样式。这是要写在<head>里的。

<style type="text/css"></style>表示这是样式表,在中间放入css内容;

type是它的类型属性,text/css是它的值,它们是告诉浏览器这里面的文本内容(text)要当层叠样式表 (css)来解析,不能当作其它的来解析。


认识HTML的标签

一个简单的HTML文档,带有最基础的必需的元素:

<html>

<head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">//为了告诉浏览器这个的内容类型是html文档,使用的内容是文本和html,字符集是utf-8之后再深入了解

<title>文档的标题(注意是文档的标题)</title>

</head>

<body>

//文档内容

<h1>内容的标题</h1>//也可以有h2,h3,h4,h4 数字越大字越小

<p>文章段落</p>

<img src="源文件的地址“//src是source的缩写

</body>

</html>


标签的语法

1.标签有英文括号<和>括起来。

2.html中的标签一般成对出现,分开始标签和结束标签。结束标签比开始标签多一个/

3.标签可以相互嵌套,但是先后顺序保持一致。如<div><p>内容</p></div>

4.html标签不区分大小写。

5.html的注释标签<!--注释文字-->

认识head标签

<head>标签的作用是为了描述文档的各种属性和信息,包括文档的标题。大多数文档头部包含的数据不会真正显示给读者。

<head>

<title>......</title>

<meta.......>

<link......>

<style type="..."......>........</style>

<script>....</script>

</head>



原创粉丝点击