简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > HTML视频教程,第1章 HTML初识
Blogger Information
Blog 11
fans 0
comment 1
visits 7924
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
HTML视频教程,第1章 HTML初识
鬼牛阿飞
Original
631 people have browsed it

课程目录：
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++

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！