每日学习前端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>
- 每日学习前端1
- 前端进阶每日一练(1)
- 每日学习笔记(1)
- seo每日学习1
- 前端工作,每日记录
- ios学习每日笔记1
- 前端每日一小练1----购物的评价区
- 每日学习
- 每日学习
- 前端学习笔记1
- 前端开发学习--1
- web前端学习(1)
- 前端学习历程1
- 前端学习笔记1
- 前端html学习1
- 前端缓存学习1
- 前端的学习1
- 前端学习(1)
- 在Eclipse中添加C/C++插件
- HTML的组成
- [LeetCode] 541. Reverse String II
- 带你入门mysql常用命令
- 2017年8月5日训练日记
- 每日学习前端1
- Codeforces Round #383 (Div. 1) B
- POJ 3632 Optimal Parking
- 索引知识点总结
- DK2的装机演示+疑难处理(多图)
- 如何搭建内容运营框架?
- Gym 100960B B. Forcefield
- Unix中的文件IO
- leetcode 173. Binary Search Tree Iterator