一、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 worldstrong>

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>

你可能感兴趣的:(移动端,网页布局,前端,html)