首页 > 其他分享> 文章详细

HTML5学习——常见标签

2021-07-11 11:01:33 阅读：143 来源： 互联网

标签：基本 head 代表网站标签常见 HTML HTML5

文章目录

前言
最初样式
- head标签
- body标签
基本标签

前言

小白上路，记录前端三件套的学习之旅，不定期更新。
本章为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代表无序

标签：基本,head,代表,网站,标签,常见,HTML,HTML5
来源： https://blog.csdn.net/student_hwj/article/details/118650443

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9