博客列表 >HTML视频教程,第1章 HTML初识

HTML视频教程,第1章 HTML初识

鬼牛阿飞
鬼牛阿飞原创
2020年05月06日 23:35:20636浏览

课程目录:
1 制作我们的第一个网页
2 HTML与CSS之间的关系
3 HTML文件结构
4 HTML文档
5 HTML标签
6 感受HTML的魅力

1 制作我们的第一个网页

  1. <html>
  2. <head>
  3. <title>制作我的第一个网页</title>
  4. </head>
  5. <body>
  6. <h1>
  7. 你好,弹指间学会HTML视频教程
  8. </h1>
  9. </body>
  10. </html>

2 HTML与CSS之间的关系

html是一门超文本标记语言,html负责页面结构,css负责页面样式,js负责页面行为;举例来讲:html就像人的骨骼器官,css类似人的皮肤,有了这个html与css只能说是一个植物人,js就是人的灵魂

3HTML文件结构

html是网页的根元素标签,所有的的网页标签都包裹其中;head定义文档头部容器,其中head包裹<title>,<script><link><style><meta>等元素; body是为页面的主体,展示页面的所有元素>;body是为页面的主体,展示页面的所有元素

4 HTML文档

html文档也被成为网页html文档,包含html标签和纯文本,浏览器的作用是读取展示网页形式,浏览器不会展示网页html标签,而是使用标签展示页面内容!html与html之间的文本展示网页,body之间的文本是页面可见的内容

5 HTML标签

什么是标签?标签就是被尖括号括起来的对象,大多数标签都是成对出现的,标签分为开始标签和结束 标签(开放标签,闭合标签)当然还有一部分类似这样的<br />,<hr />等,标签主要用来标记html元素,位于起始标签和结束标签之间的文本就是html元素的内容!
什么是元素?html元素就是构成html文件的基本对象,html元素通过使用html标签来定义;类似这样<p>内容</p>这就是一个元素,其中<p>;当然<br />本身既是开始标签也是结束标签,但不包含任何内容,所以只是一个标签
常用的4个html标签:
html标题heading是通过<h1>-<h6>等标签定义、html段落paragraph是通过<p>标签定义、html了解通过<a>标签定义、html图像image是通过<img>标签进行定义;补充说明的是html标签对于大小写不敏感,但是为了养成良好的代码编辑习惯,w3c在html4中推荐小写!

6 感受HTML的魅力

编辑器使用轻量级,拒绝集成编辑器,刚开始学的时候多写,多熟悉,避免代码自动补全功能!这里推荐编辑器可以尝试下notepad++

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议