第一篇 HTML 认识HTML
认识HTML
学习一门语言,我们要先了解它,可以不用太资深,但要做到别人问,你能回答得出来!
注:推荐大家去网址:www.w3school.com.cn 前端学习手册(免费的)
HTML(超文本标记语言)这里要记住哦,它是标记语言,不是编辑语言;
标记语言是一套标记标签;
什么是标签呢:<> 左右尖括号包含起来的即是标签;比如我们只做网页,常用的<div>这是div标签,块级元素,会跨行</div> <a href="">这是a标签,超链接,可以跳转网页,必须有href 属性,否则超链接会失效</a> <span>这是一个行级元素,不会跨行,无法设置属性 height(高)</span> <img src="图片路径" alt="没有找到出现提示" /> 图片标签,看着哦,这个标签和前面三个有区别,它的结束标签就在开始标签的结尾处加了一个 反斜杠 '/',同学们要多多注意它的规则写法;
这里就简单举例一下这几个标签,后面的课程会介绍它们之间的区别和常用在什么地方;
一个HTML的组成是由这三个标签:
<html>
<head>
<!-- head标签,一般用来申明引用脚本,比如 css、js、meta、title -->
</head>
<body>
网页显示的内容,比如常见的网站,哔哩哔哩、淘宝、爱奇艺,整个网页上呈现的内容,都是在 body标签里写的
</body>
</html>
附加:老师理论不强,属于拿着需求能做出效果,但是解释就不行了,若有同学和老师情况一样,就多敲代码,记住这个标签、属性、值的作用。
额外知识:我们写代码,有很多编程工具,其实工具的作用都是一样的,重点是好不好用,使用者喜不喜欢,只要文件后缀是 html,文件内容格式是按照html的标准,为W3C标准,几乎都是可以运行的,怎么运行呢?最简单的方法:
1.一台计算机
2.随便一个位置创建一个文件(右键,选择文本)
3.创建出来的文本,一般是txt文本,我们将它的后缀改成html
4.按照html标准(同学可以将我上面的代码复制进去)编写内容
5.打开浏览器,在地址栏里输入文件的所在位置和文件名,即可访问出网页内容
6.考虑到部分同学入门,老师带一下,地址比如是:E:index.html 意思为:E盘中的index.html文件