前端开发之--初识HTML

题图:初识HTML

简介:

  • HTML 是用来描述网页的一种语言。
  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • HTML 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML通常只添加语义,不修改样式

基本概念:

HTML标签

  • HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页

详细概念请见下图:

01-HTML基本概念.png

认识HTML:

HTML的发展史

Paste_Image.png

HTML基本结构

02-认识HTML.png

HTML基本标签

03-基础标签.png

HTML列表标签

常见的HTML列表标签分为三种:

  • 无序列表
  • 有序列表
  • 定义列表三种。


    04-列表标签.png

HTML表格标签

05-表格标签.png

HTML表单标签

06-表单标签.png

HTML多媒体标签

07-多媒体标签.png

HTML中被废弃的标签

由于HTML中的标签只有一个作用就是用来添加语义的,而早期的HTML中有一部分标签没有语义是用来添加样式的,所以有了CSS后就取代了这部分标签,在开发中不建议使用。

被废弃的标签有:

<br> : 给上下文本直接添加断行
<hr>  :给文本添加分割线
<font> :给文本添加字体大小
<b>  :给文本添加粗体样式
<u>  :给文本添加下划线
<i>  :给文本添加斜体
<s>  :给文本添加删除线
<strong> 和<em>一样:  用于强调文本
<ins>  :定义插入的文字
<del> :定义被删除的文字

HTML中的字符实体

HTML中有的字符是被HTML保留的,由于在HTML中这些字符有特殊含义,如果需要在web文本中显示这些字符的时候就需要通过字符实体来描述。

&nbsp:表示一个空格,多个&nbsp就是多个空格
lt:小于符号"<" ,即less than
gt:大于符号">",即greater than
&copy:版本符号©️
...

文章引用

  1. 思维导图摘自李南江老师视频教程中
  2. 部分概念摘自w3school

声明
本文只做学习记录使用,分享出来供大家学习参考。文章中如有错误欢迎批评指正,谢谢。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...
    任凱阅读 1,417评论 0 5
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,138评论 0 16
  • 一.HTML、XML、XHTML 有什么区别 什么是 HTML? HTML 指的是超文本标记语言 (Hyper T...
    Sunset125阅读 748评论 0 1
  • 什么是html? html是一种网页标记语言,叫超文本标记语言,我们平时上网所看到的所有网页均来自于html,英文...
    波段顶底阅读 8,431评论 2 7