前端技术—1.HTML与HTML5常用标签

最新推荐文章于 2022-01-05 20:11:14 发布

以喻九州

最新推荐文章于 2022-01-05 20:11:14 发布

阅读量556

点赞数

分类专栏： J2EE学习 # 第四章前端技术文章标签： html5

本文链接：https://blog.csdn.net/weixin_43372836/article/details/107565392

版权

学前准备：

1. 操作系统：

我们常⽤的操作系统有？
百度上的关于操作系统上的使⽤统计
⽹址：https://tongji.baidu.com/research/
操作系统上的软件安装与卸载
操作系统上的命令⾏模式使⽤

2. 浏览器：

百度上的关于浏览器的使⽤统计
⽹址：https://tongji.baidu.com/research/
⾕歌浏览器下载⽹址：https://www.google.cn/chrome/ 可以下载安装
浏览器的使⽤技巧
例如：WEB前端助⼿(FeHelper) 前端⼈员的神器
⽹址：https://www.chromedownloads.net/extensions/757.html

3. 开发⼯具介绍

我们常⽤的代码编辑⼯具很多：
- SublimeText
- Notepad++
- aptana
- EditPlus
- VSCode
- Hbuilder
- WebStorm
- ...
每个开发⼯具都有⾃⼰的使⽤技巧。
vscode下载⽹址：https://code.visualstudio.com/
vscode怎样设置成中⽂
- 1.打开“vscode” ，按快捷键“Ctrl+Shift+P”。
- 2.在顶部搜索框中输⼊“configure language”，按回⻋键。
- 3.“vscode”⾥⾯就会打开⼀个语⾔配置⽂件，将“en-us”修改成“zh-cn”，按“Ctrl+S”保存设置，重启“vscode”就...

1. HTML简介

1.1 HTML是什么

HTML 是 HyperText Mark-up Language 的⾸字⺟简写，意思是超⽂本标记语⾔
HTML不是⼀种编程语⾔，⽽是⼀种标记语⾔
超⽂本指的是超链接，标记指的是标签，是⼀种⽤来制作⽹⻚的语⾔，这种语⾔由⼀个个的标签组成
⽤这种语⾔制作的⽂件保存的是⼀个⽂本⽂件，⽂件的扩展名为 .html 或者 .htm
html⽂档也叫 Web⻚⾯，其实就是⼀个⽹⻚，html⽂件⽤编辑器打开显示的是⽂本，可以⽤⽂本的⽅式编辑它
如果⽤浏览器打开，浏览器会按照标签描述内容将⽂件渲染成⽹⻚，显示的⽹⻚可以从⼀个⽹⻚
链接跳转到另外⼀个⽹⻚

1.2 HTML的版本发展历史：

1.3 HTML⽂档类型的设定：

HTML在不同版本下⽂档类型的设定，即对应的属性值。

(1) HTML , 对应早期的 HTML4.0.1, 其基本结构如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
     
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>Document</title>
    </head>
     
    <body></body>
 
</html>

(2) XHTML ，其基本结构如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
     
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>Document</title>
    </head>
     
    <body></body>
 
</html>

(3) HTML5 ，其基本格式如下

<!doctype html>
<html lang="en">
     
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,
maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
     
    <body></body>
 
</html>