HTML5学习——常见标签

最新推荐文章于 2023-04-20 07:34:24 发布

秋雨叶落

最新推荐文章于 2023-04-20 07:34:24 发布

阅读量264

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/student_hwj/article/details/118650443

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

文章目录

前言
最初样式
基本标签

前言

小白上路，记录前端三件套的学习之旅，不定期更新。
本章为HTML5的简略记录。

最初样式

创建HTML5的最初代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>  <!-- title：网页标题 -->
</head>
<body>

</body>
</html>

基本的样式
基本以<###>开头</###>结尾
开头是HTML中间包含head标签和body标签。

注释格式

<!--  注释-->

head标签

head标签基本不涉及网站的内容，只是网站的站名，或者一些网站的解释，是在网站内看不到的内容。

body标签

基本是网站内容的框架，在网页内显示的内容，基本是在这里写入

基本标签

一些基本常用的标签

标题标签

<title>###</title>

###代表你的网站名字

标签标签

  <h1>一级标签</h1>
  <h2>二级标签</h2>
  <h3>三级标签</h3>
  <h4>四级标签</h4>
  <h5>五级标签</h5>
  <h6>六级标签</h6>

在这里插入图片描述

#=1，2，3，4，5，6，#越小，内容越大

段落标签

<p>挖个坑</p>
<p>埋点土</p>
<p>数个一二三四五</p>

在这里插入图片描述
p标签代表一个一个段落

字体标签

粗   体：<strong>I　love HTML </strong>
斜体：<em>I love HTML </em>

在这里插入图片描述
空格是 &nbsp后加分号

图像、音频标签

<img src="../resources/img/1.png" alt="logo" title="悬停文字" width="72" height="70">
<video src="../resources/video" controls autoplay></video>
<audio src="../resources/audio" controls></audio>

img是图像标签，…代表上一级文件，alt代表当图片无法显示的时候解释图片的意思，title代表鼠标停在图片时显示的文字 width代表图片长度，height代表图片高度。video代表声音标签，audio代表视频标签

链接标签

<a href="https://www.baidu.com">百度连接</a>

在这里插入图片描述
默认在当前页面跳转，如果需要在在新的网页打开，需要在网址后面加上target="_blank

有序、无序表单

<ol>
  <li>java</li>
  <li>python</li>
  <li>linux</li>
  <li>c</li>
  <li>c++</li>

</ol>

<ul>
  <li>java</li>
  <li>python</li>
  <li>linux</li>
  <li>c</li>
  <li>c++</li>
</ul>

在这里插入图片描述
ol代表有序，ul代表无序

秋雨叶落

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
3
评论
HTML5学习——常见标签

文章目录前言最初样式head标签body标签基本标签标题标签标签标签段落标签字体标签图像、音频标签链接标签有序、无序表单前言小白上路，记录前端三件套的学习之旅，不定期更新。本章为HTML5的简略记录。最初样式创建HTML5的最初代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> &.
复制链接

扫一扫