HTML基础学习总结

最新推荐文章于 2022-11-02 21:05:19 发布

CZNEU

最新推荐文章于 2022-11-02 21:05:19 发布

阅读量228

点赞数 1

分类专栏：前端学习笔记文章标签： html html5

本文链接：https://blog.csdn.net/CZNEU/article/details/111941346

版权

2020.12.30 上午2.5h+下午2.5h

开始前端学习是在黑马的java就业班，简单学习了HTML、CSS和JavaScript，这个教程主要是针对后端的，所以对前端讲的并不细致，但讲的也很好，带我入了门。由此对前端产生兴趣之后，就想系统的学习一下web前端，准备明年的秋招。在B站上找了教程，又看了千锋1000的最初小白部分，讲的比较简单，但是给出的案例源码值得去练习，等于说这个小白视频让我了解了更多的HTML标签和css属性。目前对HTML与css的感觉就是杂乱无章，所以想总结一下然后安排后面的学习。

2021.01.02 下午3h

系统的学习HTML与CSS，补充学习总结。在上边的总结之后已经了解了HTML与CSS整体知识框架，下面要看Pink老师的视频，目的是要自己会写静态网页，理解一些比较难的布局方法和CSS属性。

0 HTML简介

0.1 什么是HTML

HTML是最基础的网页开发语言：Hyper Text Markup Language（超文本标记语言）

超文本：对超文本比较好的解释
标记语言：由标签构成的语言。（不是编程语言）

0.2 浏览器内核

浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。

浏览器	内核	备注
IE	Trident	IE、猎豹安全、360极速浏览器、百度浏览器
Firefox	Gecko	火狐浏览器内核
Safari	Webkit	苹果浏览器内核
Chrome/Opera	Blink	Chrome/Opera浏览器内核。Blink其实是Webkit的分支

0.3 Web标准

Web标准构成

结构Structure：用于对网页元素进行整理和分类（HTML）
表现Presentation：用于设置网页元素的板式、颜色、大小等外观样式（CSS）
行为Behavior：指网页模型的定义及交互的编写（JavaScript）

0.4 HTML特殊字符

在这里插入图片描述

1 HTML语法

1.1 HTML标签

标签分为:

围堵标签：有开始标签和结束标签。如<html> </html>、 
空标签：只有开始标签。如 、<img>

自闭和标签（在XHTML中）：开始标签和结束标签在一起。如 、<img/>

标签不区分大小写，但是建议使用小写

1.2 HTML元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

元素语法：

HTML 元素以开始标签起始，HTML 元素以结束标签终止。
元素的内容、空内容
空元素：自闭和标签
嵌套：错误<a></a></b，正确<a></a>（p标签、超链接标签不能嵌套）

属性：属性为 HTML 元素提供附加信息。

在开始标签中定义属性。
属性由键值对构成，比如name="value"（单双引号都可以）

2 标签学习

2.1 文件标签

构成HTML最基本的标签

<!DOCTYPE html><!-- 这句声明就是告诉

最低0.47元/天解锁文章

CZNEU

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML基础学习总结

开始前端学习是在黑马的java就业班，简单学习了HTML、CSS和JavaScript，这个教程主要是针对后端的，所以对前端讲的并不细致，但讲的也很好，带我入了门。由此对前端产生兴趣之后，就想系统的学习一下web前端，准备明年的秋招。在B站上找了教程，又看了千锋1000的最初小白部分，讲的比较简单，但是给出的案例源码值得去练习，等于说这个小白视频让我了解了更多的HTML标签和css属性。目前对HTML与css的感觉就是杂乱无章，所以想总结一下然后安排后面的学习。HTML是最基础的网页开发语言：Hype.
复制链接

扫一扫