html的基本网页界面的画法<video src="video/myz.mp4" controls="controls"></video>-CSDN博客

1.内容：

html是一种基于web的超文本语言，也是一种标记语言。她允许创建链接、添加图片、添加音视频、输入表格、框架等的功能。可以将之存为文本文件，浏览器可以读取和显示。

2.操作环境

编辑器：sublime_text

浏览器：google

3.html的组成

!+tap键可以先构造出整体框架

<title>是网页的标签

<head>头部：包括<body>主体部分、<h1>一级标题

<h2>二级标题。以此类推

<p>段落

3.常用的基本操作

（1）添加标题

（2）添加主体

<h1>清明 <span style="font-size: 20px">（唐代杜牧诗作）</span></h1>
<hr/>
<p>《清明》是唐代文学家杜牧的诗作。此诗写清明春雨中所见，色彩清淡，心境凄冷，历来广为传诵。第一句交代情景、环境、气氛；第二句写出了人物，显示了人物的凄迷纷乱的心境；第三句提出了如何摆脱这种心境的办法；第四句写答话带行动，是整篇的精彩所在。全诗运用由低而高、逐步上升、高潮顶点放在最后的手法，余韵邈然，耐人寻味。</p>
<h2>作品原文</h2>
<p>清明</p>
<p>清明时节雨纷纷，路上行人欲断魂。</p>
<p>借问酒家何处有？牧童遥指杏花村。</p>
<h2>作品配图</h2>

注：<hr>是在页面中画线。可以设计占比大小。在heml的注释方法是

(3)添加图片

使用img进行标识

src表示.html的文件与图片的相对位置

（4）添加音频

<audio src="mp3/qm.mp3" controls="controls" ></audio>

（5）添加视频

（6）对标题或者段落做一些处理

a.在头部对其先进行定义

b.在每个需要处理的位置对其进行设置

<h1>清明 <span style="font-size: 20px">（唐代杜牧诗作）</span></h1>

4.一些常用用法

<span></span>选中某个文字或者图片

<b></b>删除操作

<a></a>对某个图片、文字进行链接设置。

<i></i>对文字进行斜体定义

5.链接

a标记是超链接标记，可连接到一个网页、网址、音视频、图片等目标
常用属性：
href:指定超链接的目标
target:指定链接目标在哪里显示。若取值为_self，则在当前窗口显示，若取值为_blank,则在新窗口中显示。若不指定改属性，默认为_self。