HTML

最新推荐文章于 2024-07-23 22:56:02 发布

陈海明hack

最新推荐文章于 2024-07-23 22:56:02 发布

阅读量293

点赞数

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

本文链接：https://blog.csdn.net/chenhaiming123/article/details/82312626

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一、前言
HTML的全称：Hyper Text Markup Language。网页文件格式：.html或.htm。
这里写图片描述

二、正文

<head>
	<title>哈哈,学校又变帅了</title>
</head>
<body>
<a href="#下面" name="上面">跳到下面去</a>

      <!--注释标签：这是页面显示的内容-->
	呵呵,果然学校很帅
	<p>哦,今天天气不错,挺风和日丽的,</p>

           <!--段落标签<p></p>-->
	<p>老马来到学校&nbsp&nbsp&nbsp&nbsp（）空格标签）看见小赵在学校,...然后这是...就没有然后了</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>哈哈这是段落&lt/p&gt标签</p>
	
	<!--特殊符号>(&gt)、<(&lt)、&(&amp)、空格(&nbsp)、灰色noshade、行框高hr size="50"、水平线宽hr width="500"-->
            <!--&lt;" 代表 "<"，"&gt;" 代表 ">"-->
	<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>

三、界面局部截图 ![HTML学习](https://img-blog.csdn.net/20180902081116197?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5oYWltaW5nMTIz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)