HTML概述基础

a9002afcefae493ea6f0ca300d623d48.png

首先,我们要知道什么是网页。网页就是万维网中的一“页”。

HTML指的是超文本标记语言(Hyper  Text  Markup  Language),标记语言是一套标记标签,HTML是通过标签来描述网页。

超文本:就是指具有超链接(链接跳转)功能

HTML基本结构

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  <head>
  <body></body>
</html>

 

其次,我们应该认识其中标签。

  • HTML标签是由<尖括号>包围的关键词,比如<html>
  • HTML标签成对出现叫做双标签,比如<b></b>。双标签中的第一个标签是开始标签,第二个标签是结束标签。
  • HTML标签单个出现的叫做单标签,比如<br>

标签可以分为:块级元素、行内元素

 

常见的HTML标签

  • <p></p>标签:

作用:一个块级元素,定义一个段落

  • <i></i>标签:

作用:定义斜体字

  • <div></div>标签:

表示分割、分区,一个div独占一行,可以想象成一个大盒子

  •  <span></span>标签:

作用:表示跨距、跨度,一行可以放多个span是一个小盒子

  • <span></span>标签:

作用:表示跨距、跨度,一行可以放多个span是一个小盒子

  •  <video></ video >标签:

作用:定义视频(video 或者 movie) 
src属性:播放的视频的路径地址

 

标签语义化

行内元素HTML标签

<i></i>:定义斜体字
<span></span>:表示跨距、跨度,一行可以放多个span是一个小盒子

块级元素HTML标签

<video></ video >:定义视频(video 或者 movie) (H5新增)
<div></div>:表示分割、分区,一个div独占一行,可以想象成一个大盒子。
<p></p>:定义一个段落
<img>:是一个单标签,负责定义图像

53e445116b414bd28107f313a6f058f6.png

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值