【前端】HTML的常用标签

本文详细介绍了HTML5中的常用标签,包括标准结构、DTD约束、文本标签、超链接、图像、表格以及事件编程的基本要素。重点讲解了标题、段落、引用、滑动、预格式化、水平线、上下角标、块级与行内元素、列表和超链接的使用,并探讨了不同协议的应用。同时,提到了JavaScript在网页功能表现中的作用。
摘要由CSDN通过智能技术生成

目录

Html的常用标签:

Html的标准结构:(html5结构)

2.dtd约束:

html>的文本标签分类:(有开始有结束)


换行标签

超链接作用:

常见协议:

图像标签:img

表格标签:title

事件编程三要素:


前端三个基础点:

Html(载体),CSS(修饰),js(网页中的部分特效)

  • Html :建筑的主体结构
  • CSS :给主体结构修饰(网页的样式)
  • Js :具体的功能表现(网页中的省市区/县的三级联动,定时弹出广告(刷新))

Html的常用标签:

Html:Hyper Text Markup Language

超文本标记语言,可以字体,视频,音频等进行渲染!但是结构不严谨,标签可以不成对出现,

浏览器解析文件的时候会自动补全!

Html的标准结构:(html5结构)

<!DOCTYPE html> --->文档声明
<html>      --->html根元素
  <head>   --->网页头文件(作用1.指定编码格式   2. 指定当前的窗口标题)
    <meat charset="utf-8">
    <title>窗口标题 <title>
  </head>

<body>  --->html页面的主体部分,最终的内容是通过body展示到浏览器上
    Hello,html
 </body>
</html>

代码讲解:

1. <html></html>称为根标签,所有的⽹⻚标签都在<html></html>中。

2. <head> 标签⽤于定义⽂档的头部,它是所有头部元素的容器。头部元素有<title>、 <script>(脚本)、<style>(样式)、 <link>(空元素标签,仅包含属性)、 <meta>(提供相关页面的元信息)等标签,头部标签在下⼀⼩节中会有详细介绍。

3. 在<body>和</body>标签之间的内容是⽹⻚的主要内容,如<h1>、 <p>、 <a>、 <img>等⽹⻚内容标签,在这⾥的标签中的内容会在浏览器中显示出来

 

2.dtd约束:

约束当前html标签的顺序结构

dtd:dtd约束
   dtd约束 --约束当前html标签的顺序结构

 

html>的文本标签分类:(有开始有结束)

 

1.标题标签:h1 - h6

效果变化,标题大小---由大变小

快捷键:

ctrl +shift+r:复制行

ctrl+r提示代码

 

<h1>标题</h1>
<h1>标题</h1>

2.段落标签:p(paragraph&

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值