HTML标签概述

1、前端开发最核心技术
我们知道,用所谓的网页三剑客已经不能满足需求了,那前端开发究竟要学习什么技术呢?网页最主要由3部分组成:结构、表现和行为。网页现在新的标准是W3C,目前模式是HTML、CSS和JavaScript。

前端开发最核心的3个技术

(1)HTML是什么?
HTML,全称“Hyper Text Markup Language(超文本标记语言)”,简单来说,网页就是用HTML语言制作的。HTML是一门描述性语言,是一门非常容易入门的语言。

(2)CSS
CSS,全称“(层叠样式表)”。以后我们在别的地方看到“层叠样式表”、“CSS样式”,指的就是CSS。

(3)JavaScript
JavaScript是一门脚本语言。
2、HTML

HTML的基础结构

<!DOCTYPE html> <!--html声明-->

<html>

<! --html标签  网页根标签-->
<!--绝大多数标签都是成对出现的 头标签  尾标签-->

<head> <!--head子标签-->

<meta charset="utf-8"> <!--单标签 告诉浏览器,使用UTF—8字符集解析该文件-->

<title></title>

<head>

<body></body>

</html>

HTML中常见的标签

<p></p>标签:

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

<i></i>标签:

作用:定义斜体字

<div></div>标签:

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

<span></span>标签:

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

<img>标签:是一个单标签,负责定义图像

  src属性:指图像的地址路径

  alt 属性:用来为图像定义一串预备的可替换的文本。

<video></ video >标签:

作用:定义视频(video 或者 movie)

src属性:播放的视频的路径地址

HTML中常见的语义化标签

行内元素HTML标签

<i></i>:定义斜体字

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

块级元素HTML标签

<video></ video >:定义视频(video 或者 movie) (H5新增)

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

<p></p>:定义一个段落

<img>:是一个单标签,负责定义图像
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值