<!-- 下面这个大框架生成指令是 "!"或者是 "html:5"-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 文件编码 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--链接文档-->
<!-- 用来连接本地的像js和css等等的资源 -->
<link rel="icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<h1>Hello World</h1>
<h2>Hello World</h2>
<h3>Hello World</h3>
<h4>Hello World</h4>
<h5>Hello World</h5>
<h6>Hello World</h6>
<h7>Hello World</h7>
<!-- 段落级文本标签 -->
<!-- 其中一个标签当中的字母是大写的 -->
<p>My cat is very grumpy</p>
<!--一个标签当中的字母是小写的 -->
<P>My cat is very grumpy</P>
<!-- 行内级文本标签 -->
<span>俺是一行</span>
<!-- 换行标签 -->
<br>
<!-- 这个标签是起到一个着重的作用，进行突出强调，起到的实际的作用就是将内容进行打斜 -->
<em><em> dbuisabdusgu</em></em>
<!-- 加粗标签 -->
<strong >你好啊</strong>
<!-- 标签可嵌套性 -->
<p>你好啊<strong>世界</strong>,我来了</p></p>
<!-- 图片标签，记得其中的盲人摸象 -->
<img src="https://roy-tian.github.io/learning-area/extras/getting-started-web/beginner-html-site/images/firefox-icon.png" alt="盲人摸象">
<!--链接标签，不管是写啥属性，都要有href属性进行对应链接地址 -->
<a href="阿达/实验1 为研究区准备数据.pdf" download="myFileName">文件下载，其中什么下载都是可以使用download的</a>
<!-- href其他的属性写在双引号当中 -->
<a href="tel:10086">手机号拨打</a>
<a href="mailto:1650592708@qq.com">发送邮件</a>
<!-- 设置链接时在另一个页面进行跳转 -->
<a href="www.baidu.com" target="_blank">百度</a>
<a href="www.alibaba.com"title="这个属性是一个支持文档,当鼠标移动到链接上就会显示文字">alibaba</a>
<a
href="https://download.mozilla.org/?product=firefox-latest-ssl&os=win64&lang=zh-CN"
download="firefox-latest-64bit-installer.exe">
下载最新的 Firefox 中文版 - Windows（64 位）
</a>
<!-- 列表 -->
<!-- 有序列表 -->
<ol>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ol>
<!-- 无序列表 -->
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
</ul>
<!-- 描述列表 -->
<dl>
<!-- 这个是一个头 -->
<dt>baidu</dt>
<!-- 这个是进行描述的 -->
<dd>是国内最大的搜索网站，他以他的大量广告著称</dd>
<!-- 可以对上面的内容举一个例子 -->
<!-- dt里面放百度，dd里面放百度是什么的介绍 -->
</dl>
<!-- 是标记联系方式的一个注解 -->
<!-- 其中也是可以进行放置a标签来对地址点击设置跳转 -->
<address>我的地址是河北工程大学新校区</address>
<!-- 大框架类型 -->
<!-- 写这个东西的时候最好准备好草稿纸，进行自己绘画设计 -->
<!-- 一个框架分为头肚子脚 -->
<!-- 页眉 -->
<header>
页眉
</header>
<nav>
导航栏
</nav>
<main>
肚子
<aside>
侧边栏
</aside>
</main>
<footer>
页脚
</footer>
<!-- 块级标签,放东西的大盒子 -->
<div>
1
</div>
<!-- 如何在视觉上对块级和行内级进行区分：在页面中显示出来进行换行了，就是块级的，在同一行出现就是行内级的 -->
<!-- 下面的标签是水平分割线 -->
<hr/>
<!-- 视频标签 -->
<!-- 其中的controls是进行设置控件界面的， autoplay是立即播放属性 -->
<video src="视频对应的链接" controls>
一个完美的视频
</video>
<!-- 音频标签 -->
<!-- 这个标签和上面的标签几乎是完全相同，就是这个位置要对音频格式进行设置 -->
<audio>
<source src="video.mp3" type="audio/m3p">
1
</source>
</audio>
<audio>
<source src="video.ogg" type="audio/ogg">
2
</source>
</audio>
<!-- 嵌入标签，将其他内容进行嵌入进来 -->
<iframe src="https://baike.baidu.com/item/%E7%99%BE%E5%BA%A6/6699">
</iframe>
<!-- 表格 -->
<form>
<!-- 其中tr就是一行，td就是一列，th就是表头 -->
<tr>
<th>数字</th>
<th>性别</th>
<th>年龄</th>
<th>爱好</th>
</tr><br>
<tr>
<!-- 这个其中的nbsp是空格，还有其他的空格 -->
<td> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr><br>
<tr>
<!-- 这个其中的nbsp是空格，还有其他的空格 -->
<td> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr><br>
<tr>
<!-- 这个其中的nbsp是空格，还有其他的空格 -->
<td> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr><br>
<tr>
<!-- 这个其中的nbsp是空格，还有其他的空格 -->
<td> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr><br>
</form>
</body>
</html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
