一、web前端开发入门之1.1HTML认知一

一、web前端开发入门之1.HTML认知

1、常见5大浏览器
2、渲染引擎
3、Web标准
4、HTML
6、HTML骨架
7、开发工具
8、VS Code使用
9、注释
10、标签结构
11、标签关系

1、常见5大浏览器

IE
火狐FireFox
谷歌Chrome
Safari
欧朋Opera

2、渲染引擎

浏览器	内核
IE	Trident
FireFox	Gecko
Safari	Webkit
Chrome/Opera	Blink

3、Web标准

保证不同浏览器打开页面显示效果一样

构成	语言	说明
结构	HTML	页面元素
表现	CSS	页面样式
行为	JavaScript	页面交互

4、HTML

Hyper Text Markup Language 超文本标记语言

5、hello world

需要设置显示文件扩展名

文件扩展名：.html

index.html

<strong>hello world</strong>

6、HTML骨架

<html><head><title></title></head><body></body>
</html>

html 最外层标签
head 头部
title 标题
body 主体

7、开发工具

Visual Studio Code （首选）
WebStorm
Sublime Text
DreamWeaver
HBuilder

8、VS Code使用

快速生成html网页结构：

! + Tab 多了一行代码``
doc + Tab

快捷键：

浏览器打开：Alt + B / option⌥ + B
ÏLive Server 打开：[command⌘ + L, command⌘ + O]

9、注释

<!-- 注释内容 -->

浏览器中不显示注释内容
添加和取消注释快捷键：command + /

10、标签结构

双标签 <开始标签>内容</结束标签>
单标签 <标签 />

11、标签关系

父子关系（嵌套关系）

<html><head></head>
</html>

兄弟关系（并列关系）

<head></head>
<body></body>

一、web前端开发入门之1.1HTML认知一相关推荐

Web前端开发入门之网页制作三要素！
Web前端开发是由网页制作演变而来的,主要由HTML.CSS.JavaScript三大要素组成.专业的Web前端开发入门知识也一定会包含这些内容,今天小千就给大家简单介绍一下. HTML,超文本标记语 ...
支付宝前端推出《Web前端开发入门手册》
web前端教程用大白话,来讲编程近日,支付宝前端团队写的<Web前端开发入门手册>对外公开了,原本是用于内部培训使用,现在对外公开了. 这本手册是初学者的福音,它的受众群体是前端小白, ...
Web前端开发入门学习分享
Web前端开发入门学习分享 1:如何开始学习Web前端首先你需要学习html的各个标签,掌握其用法和规范,明白其作用. 开始学习css的使用,你先学习在html页面中为标签增加css样式,其次是将c ...
web前端开发入门（一）
web前端开发入门(一) 前端开发入门 HTML/CSS/JavaScript JavaScript 总结思考和实践前端开发入门首先必须掌握 HTML/CSS/JavaScript 这三大基础技 ...
web前端开发入门学习线路图详解-2019升级版
现如今,Web前端工程师已经成为各大互联网公司不可或缺的热门职位,从业者队伍日渐庞大,这其中不乏零基础学习者和转行人士.为了方便大家系统而全面的掌握前端基础知识,千锋小编特意整理了web前端开发入门学 ...
支付宝前端团队整理的《Web 前端开发入门手册》
[回复"1024",送你一个特别推送] 今天是元宵节,首先祝大家元宵节快乐.但是,我万万没想到的是,一个元宵节现在都能成为我们程序猿的节日,名曰:猿宵节. 真的是越来越佩服我们程序 ...
Web前端开发入门教程，HTML5+CSS3+JS教程，达到web前端工程师的水平
Web前端开发是一个非常热门的职业,随着互联网的发展,越来越多的企业需要拥有自己的网站和应用程序.本文将介绍Web前端开发的入门教程,包括HTML5.CSS3和JS教程,帮助读者达到Web前端工程师的 ...
html在线时间统计图,Web前端开发入门，HTML一张图学会，还在看数小时视频浪费时间？...
同样的地方,同样的时间,又跟大家见面了.想学习前端朋友可以加我们的前端学习群:617327703 很多人问我,前端开发入门怎么开始?这里呢,先看下我之前发的文章有大体的概括思路跟流程在里面.今天主要分 ...
web前端开发入门笔记（更新中）
前言假期曾上过6节HTML与微信小程序开发基础课,对前端开发有所了解,今天上完大英就开始看了下课程,出乎意料的易于接受,也许是之前打下的基础,但还是系统地学习比较好,毕竟作为一门知识. 此外,有兴趣 ...

一、web前端开发入门之1.1HTML认知一

一、web前端开发入门之1.HTML认知

1、常见5大浏览器

2、渲染引擎

3、Web标准

4、HTML

6、HTML骨架

7、开发工具

8、VS Code使用

9、注释

10、标签结构

11、标签关系

一、web前端开发入门之1.1HTML认知一相关推荐

最新文章

热门文章