一、HTML 基本认知

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>

hello world

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 多了一行代码<!DOCTYPE html>

doc + Tab

快捷键

浏览器打开:Alt + B

9、注释

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

10、标签结构
双标签 <开始标签>内容</结束标签>, 例如:内容
单标签 <标签 />, 例如:

11、标签关系
父子关系(嵌套关系)

<html>
  <head></head>
</html>
Copy to clipboardErrorCopied

兄弟关系(并列关系)

<head></head>
<body></body>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值