前端开发之--初识HTML

作者: Jerry_WJ | 来源:发表于2017-03-19 11:46 被阅读77次
题图:初识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

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

相关文章

  • 前端开发之--初识HTML

    简介: HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup...

  • 前端学习资料

    前端 Html+CSS+JS Web前端开发之HTML+CSS精英课堂【渡一教育】 Web前端开发之JavaScr...

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • 前端文章系列

    【前端】从0.1开始,创建第一个项目 【前端】初识HTML 【前端】HTML标签 【前端】HTML属性 【前端】C...

  • 前端开发学习──初识Html

    html结构 html 超文本标记语言,它的结构标准如下: html标签 单标签 注释标签 水平线标签 换行标签 ...

  • 【Vue】Vue学习资料

    因项目需要,最近学习了前端开发Vue,主要参考材料:1、初识HTML+CSShttps://www.imooc.c...

  • [前端] [HTML] HTML初识

    html作为前端三大语言之一,是用来描述网页页面布局信息的一种标记语言。当你准备实现一个页面时,你的第一步就是需要...

  • 【前端】初识HTML

    刚开始接触HTML的时候,对一些名词多少会有点疑问。在学习之前,不如先弄清楚它们是什么,以及他们之间的关系。 (以...

  • 07-HTML标签

    前端开发 前端开发也叫做web前端开发,它指的是基于web的互联网产品的页面开发及功能开发。 html HTML是...

  • 从零学前端第一讲:前端开发是什么?给初学者有什么建议?

    初识前端 1、前端开发是什么? 2、前端开发有前途吗? 3、前端开发哪里学? 4、前端发展 5、对初学者的建议 6...

网友评论

    本文标题:前端开发之--初识HTML

    本文链接:https://www.haomeiwen.com/subject/snrmnttx.html