【HTML5】初识前端页面结构与基本标签

最新推荐文章于 2022-06-06 16:00:25 发布

程序猿的温柔香

最新推荐文章于 2022-06-06 16:00:25 发布

阅读量571

点赞数 1

本文链接：https://blog.csdn.net/qq_43763344/article/details/109344561

版权

本文介绍了HTML5的基础知识，包括初始HTML、网页的基本标签如图像、链接、行内/块元素、列表、表格、视频音频的使用，以及页面结构分析、内联框架、按钮和多选框等元素。通过这些标签，可以构建基本的网页结构。后续内容将通过CSS3美化页面，并利用JS进行表单验证和信息交互。

摘要由CSDN通过智能技术生成

文章目录

初始 HTML

HTML (Hyper Text Markup Language) 超文本标记语言,超文本包括文字,图片,音频,视频,动画等

WC3 标准, 是完维网联盟(World Wide Web Consortium) 包括

结构化标记语言 HTML,XML
表现标准语言 CSS
行为标准 DOM,ECMAScript

<!DOCTYPE html> 告诉浏览器使用什么规范

<!DOCTYPE html>
<html lang="en">
<!-- 网页头部 -->
<head>
    <!--描述性标签,用来描述网站的一些信息 -->
    <meta charset="UTF-8">
    <title>我的第一个网页</title>
</head>
<body>
    钱不钱的无所谓,我主要是爱编程!
</body>
</html>

网页的基本标签

<!DOCTYPE html>
<html lang="en">
<!-- 网页头部 -->
<head>
    <!--描述性标签,用来描述网站的一些信息 -->
    <meta charset="UTF-8">
    <title>基本标签</title>
</head>
<body>
<!--1~6 六级标题-->
<h1>钱不钱的无所谓,我主要是爱编程!</h1>
<h2>钱不钱的无所谓,我主要是爱编程!</h2>
<h3>钱不钱的无所谓,我主要是爱编程!</h3>
<h4>钱不钱的无所谓,我主要是爱编程!</h4>
<h5>钱不钱的无所谓,我主要是爱编程!</h5>
<h6>钱不钱的无所谓,我主要是爱编程!</h6>

<!--段落标签-->
<p>这是一个段落</p>

<!--水平线标签-->
<hr/>

<!--粗体-->
<strong>这是一个主题样式</strong>
<em>这是一个斜体样式</em>

<br/>
<!--特殊符号-->
空 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
<br/>
大于号 &gt
<br/>
小于号 &lt
<br/>
版权符号 &copy;
</body>
</html>

图像标签

<!DOCTYPE html>
<html lang="en">
<!-- 网页头部 -->
<head>
    <!--描述性标签,用来描述网站的一些信息 -->
    <meta charset="UTF-8">
    <title>图像标签</title>
</head>
<body>
<!--src 图片地址有相对地址和绝对地址,一般使用的相对地址-->
<!--alt 当加载失败的时候显示的文字,title 悬停文字-->
<img src="../recourse/image/1.jpg" alt="小姐姐" title="你别乱碰我" width="500" height="500">

</body>
</html>

链接标签

<!DOCTYPE html>
<html lang="en">
<!-- 网页头部 -->
<head>
    <!--描述性标签,用来描述网站的一些信息 -->
    <meta charset="UTF-8">
    <title>超链接标签</title>
</head>
<body>
<!--
herf 表示要调转的页面
target 窗口在哪里打开
    _blank 在新标签打开
    _self 在自己网页打开(默认)
-->

<a href="https://www.baidu.com" target="_blank">点击我跳转到百度页面</a>
<a href="https://www.baidu.com">
<!-- 这里可以放一张图片,做成图片超链接-->
    <img src="../recourse/image/1.jpg"

最低0.47元/天解锁文章

程序猿的温柔香

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
【HTML5】初识前端页面结构与基本标签

文章目录初始 HTML网页的基本标签图像标签链接标签行内/块元素列表标签表格标签视频和音频页面结构分析内联框架按钮和多选框初始 HTMLHTML (Hyper Text Markup Language) 超文本标记语言,超文本包括文字,图片,音频,视频,动画等WC3 标准, 是完维网联盟(World Wide Web Consortium) 包括结构化标记语言 HTML,XML表现标准语言 CSS行为标准 DOM,ECMAScript<!DOCTYPE html> 告诉浏览器
复制链接

扫一扫