html基础介绍

html基础笔记:
link
本章着重复习Html的基础内容,学习Html究竟要学些什么呢?主要是学习各种标签,来搭建网页的“结构”。✨✨
本篇文章主要由五个章节构成,从WEB标准到初识HTML,接着学习HTML常用标签,最后学习表格列表和表单。开始充电之旅啦~~~

一、认识WEB

「网页」主要是由文字、图像和超链接等元素构成,当然除了这些元素,网页中还可以包括音频、视频以及Flash等。

「浏览器」是网页显示、运行的平台。

「浏览器内核」(排版引擎、解释引擎、渲染引擎)
html基础介绍_第1张图片
html基础介绍_第2张图片
html基础介绍_第3张图片

二、初识HTML

「HTML」(Hyper Text Markup Language):超文本标记语言

团队约定大小写

HTML标签名、类名、标签属性和大部分属性值统一用小写
「HTML元素标签分类」

  • 常规元素(双标签)

  • 空元素(单标签)

    常规元素(双标签)
    <标签名> 内容 比如我是文字

    空元素(单标签)
    <标签名 /> 比如


    「HTML标签关系」

  • 嵌套关系父子级包含关系

  • 并列关系兄弟级并列关系
    如果两个标签之间的关系是嵌套关系,子元素最好缩进一个tab键的身位(一个tab是4个空格)。如果是并列关系,最好上下对齐。
    html基础介绍_第4张图片

VScode插件推荐

|插件| 说明 |
|-Chinese-|-中文语言包-|
|Open in Browser |右击选择浏览器打开html文件 |
|-Auto Rename Tag-|-自动重命名配对的HTML/XML标签-|
| CSS Peek | 追踪至样式 |

#绝对路径 (完整路径) 分割用:\
#相对路径 (当前目录,上下一级目录)用/(反斜杠)

属性采用的是键值对的形式
src=" img.jpg"
weight=“500” 单位是像素

html基础介绍_第5张图片
html基础介绍_第6张图片

html基础介绍_第7张图片
html基础介绍_第8张图片
html基础介绍_第9张图片
后续会继续把这部分的笔记补全。

你可能感兴趣的:(html,前端)