关于HTML的相关概念及结构

关于HTML的相关概念及结构

首先,我先介绍一些前端工程师常用的一些软件(这些都可以在官网下载,看自己喜欢哪一款,用哪一个就行)

编辑软件:
HBulider
Adobe Dreamweaver
Visual Studio Code 
JetBrains WebStorm
sublime  
P图:
Adobe Photoshop
调试软件(其实就是浏览器):
chrome
IE
firefox……
Web标准
  1. 结构(xhtml、xml)
  2. 表现(css)
  3. 行为(DOM ECMAScript)
    万维网联盟(w3c)制定了结构和表现的标准,欧洲电脑厂商联合会(ECMA)制定行为标准
关于HTML的相关概念

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

XHTML指可扩展超文本标记语言(标识语言)
EXtensible HyperText Markup Language

HTML5指的是HTML的第五次重大修改(新标准)

结构:

<!doctype  html><!-- 用于声明文档类型,告知浏览器应当用何种规范来解析页面 -->

<html>

<head><!-- 头部区域 -->
<meta charset="utf-8" /> <!-- 定义编码格式,因为我们写的网页都是中文的网页,如果这行代码写错的话,页面就会乱码 -->
<title>我的第一个网页</title><!-- 显示在状态栏上(整个网页的标题) -->
</head>

<body><!-- 主题区域 -->
所有要写的内容<!-- 这里写的就是会显示到网页上的部分 -->
</body>

</html>

<!-- 这个是注释符,浏览器不识别此符号,用于我们平时写注释 -->

下面这个图片就是title标题显示的位置
关于HTML的相关概念及结构_第1张图片

HTML的文件命名规则:

1、.html和.htm;
2、无汉字、无空格、无特殊符号(如标点符号)
3、必须以英文开头,只可以有英文字母、下划线和数字;
4、首页的文件默认命名为:index.html或index.htm;

你可能感兴趣的:(H5,CSS3)