HTML
程序员文章站
2022-03-07 18:05:24
...
一、前言
HTML的全称：Hyper Text Markup Language。网页文件格式：.html或.htm。
二、正文
<head>
<title>哈哈,学校又变帅了</title>
</head>
<body>
<a href="#下面" name="上面">跳到下面去</a>
<!--注释标签：这是页面显示的内容-->
呵呵,果然学校很帅
<p>哦,今天天气不错,挺风和日丽的,</p>
<!--段落标签<p></p>-->
<p>老马来到学校    （）空格标签）看见小赵在学校,...然后这是...就没有然后了</p>
<!--标题标签<h#>: #=1~6-->
<h1>学校很帅啊!!!</h1>
<h2>学校很帅啊!!!</h2>
<h3>学校很帅啊!!!</h3>
<!--<img src="C:\Users\chen\Desktop\HTML练习\学校01.png" />加载图片，属性的值建议用引号括起来-->
<!--语法<img src=“URL” />alt属性(显示图片内容)，border属性：图片外侧相框宽度。相对路径 -->
<img src="学校01.png" alt="这是学校照片" border="2" width="500" height="600" />
<hr />
<!--注释标签：水平线<hr />，常见属性：size\width\align\(left,right,center),noshade,color-->
<!--标尺线<hr />-->
<img src="预定义色彩1.png" alt="color对应颜色照片" border="2" width="500" height="100" />
呵呵,你认识谁了,<br />
其实其他人也一样,他们都很健忘,健忘的是时间，唯一不忘只有某个时间<br />
<!--注释标签：拆行<br />-->
<p>哈哈这是段落</p>标签</p>
<!--特殊符号>(>)、<(<)、&(&)、空格( )、灰色noshade、行框高hr size="50"、水平线宽hr width="500"-->
<!--<" 代表 "<"，">" 代表 ">"-->
<hr size="50" />
<hr width="1000" />
<hr size="50" noshade="noshade" />
<hr color="red" />
<hr align="left" width="100" />
<hr align="right" width="100" />
<hr align="center" width="100" color="blue" />
<!--客户端字体，font的size为1-7-->
<font size="7" face="全新硬笔行书简" color="blue">哈哈,我又变帅了</font><br />
<font size="5" face="全新硬笔行书简" color="green">小赵</font><br />
<a name="中间"></a>
呵呵,确实很帅
<hr color="yellow" />
<b>这是粗体</b><br />
<i>这是意大利斜体</i><br />
<tt>打印机字体</tt><br />
<u>下划线字体</u><br />
<！--定义上下标-->
3<sup>2</sup>+4<sup>2</sup>=5<sup>2</sup><br />
4<sub>2<br />
<s>这是一句被删除的文字</s><br />
<em>看看什么样，（定义强调文本）</em><br />
<strong>强调文本</strong><br />
<! -- pre元素可定义预格式化的文本被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。-->
<! -- pre标签的一个常见应用就是用来表示计算机的源代码。-->
<!--可以导致段落断开的标签（例如标题、<p> 和 <address> 标签）绝不能包含在pre 所定义的块里-->
<!--与<code>一起使用，以获得更加精确的语义-->
<pre>
<code>
</code>
</pre>
<br />
<！--marquee移动，direction方向，behavior模式-->
<hr color="blue" size="10" />
<marquee direction="right"><img src="学校.jpg" /></marquee>
<marquee direction="down"><img src="学校.jpg" /></marquee>
<marquee direction="up"><img src="学校.jpg" /></marquee>
<hr />
<marquee behavior="slide"><img src="学校.jpg" /></marquee>
<！--跳转到指定地方-->
<a name="下面" href="#上面">跳到上面</a>
</body>
三、界面局部截图