HTML学习

耿耿余淮
262 阅读5分钟

基础班学习路线

image-20211213125016661

HTML简介

网页的基本组成

网站：相关网页的集合

网页：构成网站的基本元素，由图片、链接、文字、声音、视频等元素组成。通常以.html后缀结尾，称其为HTML文件。

什么是HTML

HTML：超文本标记语言

标记语言：一套标记标签

超文本：1、加入图片、声音、动画、多媒体 2、从一个文件跳转到另一个文件（超链接文本）

网页总结

网页：由图片、链接、文字、声音、视频等元素组成（后缀名html）

如何生成：前端人员书写html文件，浏览器打开，看到了网页

HTML：由一套标签来组成；比如：图片标签、视频标签、链接标签等...

常用的浏览器

常用浏览器：IE、Edge、火狐、谷歌、Safari\

浏览器内核：读取网页内容，渲染网页效果

image-20211213131413621

web标准的三大组成部分

web标准由W3C组织（万维网联盟）和其他标准化组织制定的一系列标准的集合。

为什么需要Web标准：浏览器不同，显示页面或者排版有差异，通过web标准，展示同一内容

构成：结构（对网页元素进行整理和分类）、表现（外观样式CSS）、行为（网页交互Javascript）

结构：写到HTML文件中

表现：写到CSS文件中

行为：写到JavaScript文件中

image-20211213132537250

HTML语法规范

语法概述

image-20211213133820017

标签关系

image-20211213133922279

结构标签

image-20211213134325385

image-20211213134404646

image-20211213134855218

image-20211213140125733

网页开发总结

image-20211213140612786

HTML5常用标签

image-20211213142523780

image-20211213151705235

image-20211213154722251

目录文件夹和根目录

目录文件夹：普通文件夹，存放了我们做网页所需要的相关素材，html文件、图片等。

根目录：双击打开目录文件夹的最外面一层就是根目录

image-20211213155901077

表格标签

表格用于显示、展示数据。

表格语法：image-20211214102455070

表头单元格标签

table head 表头单元格，单元格里面的内容加粗居中显示

image-20211214105947820

表格属性

表格标签通过CSS设置

image-20211214110451613

cellpading:内容与单元格边框之间的距离

cellspacing:单元格与单元格之间的空白

今日小说排行榜案例

image-20211214112450443

image-20211214115729190

image-20211214115942219

image-20211214120038710

image-20211214120632662

image-20211214121153360

image-20211214121448482

image-20211214121507227

image-20211214121414038

列表标签：用来布局的

无序列表

有序列表

自定义列表

image-20211214121915134

  • 无序列表
      里面包括多个
    • 榴莲
    • 香蕉

    • 123

    image-20211214122018950

    ul中只能放li、li中放什么都可以

    • 有序列表：

    ol中只能放li、li中放什么都可以

    • 自定义列表：大哥引领者一群小弟

    image-20211214124952327

    image-20211214125118215

    • dl里面只能包含dt和dd

    • dt和dd没有个数限制，一个dt可以对应多个dd

      各种标签总结

      列表标签总结

    image-20211214125916436

    image-20211214130535577

avatar
文章
阅读
粉丝