当前位置: 首页 > news >正文

【零基础入门前端系列】—HTML介绍(一)

【零基础入门前端系列】—HTML介绍(一)

一、什么是HTML

  • HTML是用来描述网页的一种语言
  • HTML指的是超文本标记语言:HyperText Markup Language
  • HTML不是一种编程语言,而是一种超文本标记语言,标记语言是一套标记标签(markup tag)
  • HTML使用标记标签来描述网页
  • HTML文档包含了HTML标签以及文本内容
  • HTML文档也叫做web页面,用该语言编写的文件,以.html或.htm为后缀
  • HTML不区分大小写,建议小写,可读性好
  • HTML不识别多余的空格和换行
  • HTML由浏览器解析执行,由上往下,由左往右
  • 作用:用来写网页结构内容,比如图片,文字,搜索框

二、什么是标签

  • HTML标记标签通常被记为HTML标签(HTML Tag)
  • HTML标签是由尖括号包围的关键词比如<html>
  • 封闭类型标记(也叫做双标记),必须成对出现如<p></p>,标签中的第一个标签是开始标签,第二个标签是结束标签,开始和结束标签也被称为开放标签和闭合标签
  • 非封闭类型标记,也叫做空标记,或者单标记,比如 <br/>

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、什么是元素

HTML标签和HTML元素通常都是描述同样的意思,但是严格来讲,,一个HTML元素包含了开始标签和结束标签

如下实例:
在这里插入图片描述

四、HTML的属性

  • 双标记属性写在开始标记里面,用空格隔开
  • 单标记属性写在/前面,用空格隔开
  • 一个标签可以有多个属性,用空格隔开,不区分前后顺序
  • 属性总是以名称/值对的形式出现,比如:name="value"
<a href="https://www.baidu.com/">这是一个链接使用了 href 属性</a>

在这里插入图片描述

http://www.lryc.cn/news/4739.html

相关文章:

  • Elasticsearch索引库和文档的相关操作
  • 使用Python,Opencv检测图像,视频中的猫
  • 浅谈域名和服务器集约化管理的误区
  • 迪赛智慧数——柱状图(正负条形图):20212022人才求职最关注的因素
  • 网络安全-黑帽白帽红客与网络安全法
  • Xpath元素定位之同级节点,父节点,子节点
  • 华为OD机试 - 挑选字符串(Python)| 真题+思路+代码
  • python笔记-- “__del__”析构方法
  • 支付系统核心架构设计思路(万能通用)
  • python实现mongdb的双活
  • LeetCode-110. 平衡二叉树
  • Python蓝桥杯训练:基本数据结构 [链表]
  • 华为OD机试 - 找字符(Python)| 真题+思路+代码
  • 使用继承与派生的6大要点
  • 加一-力扣66-java高效方案
  • 记一次 .NET 某游戏网站 CPU爆高分析
  • 集群使用——资源管理和租户创建
  • 谷歌浏览器登录失败,提示【无法同步到“...@gmail.com”】
  • 75 111111
  • 分销系统逻辑
  • MySQL视图特性
  • RabbitMQ详解(二):Docker安装RabbitMQ
  • 如何使用代码注释:关于JavaScript与TypeScript 注释和文档的自动生成
  • Echarts 设置面积区域图(areaStyle核心)
  • pandas——字符串处理【建议收藏】
  • 反射,枚举,lambda表达式
  • .Net Core对于RabbitMQ封装分布式事件总线
  • GPIO功能描述
  • 指派问题与匈牙利法讲解
  • day5——冒泡排序,选择排序和插入排序的学习