我的第一次博客—HTML基础

最新推荐文章于 2022-04-06 19:46:15 发布

努力学习的小蜗牛

最新推荐文章于 2022-04-06 19:46:15 发布

阅读量288

点赞数

本文链接：https://blog.csdn.net/weixin_45806273/article/details/102944317

版权

我的第一次博客—HTML基础

前端基础总结

简介

代码：

这是一个非常good的网页

<body>
	<h1>这是我的第一个网页</h1>      
</body>

关于web,我总结了以下几点

web通俗来说就是网页
它的别名叫做万维网（www）
它的作用就是能将各类型的信息和服务进行连接，并提供生成图形
web的工作原理有两种B/S和C/S
B/S所表达的浏览器内容简介
C/S所表达的客户端则是内容丰富
web浏览器的产品
microsoft internet explorer IE浏览器
Google Chrome 谷歌浏览器
Mozilla fireFox 火狐浏览器
Opera 欧朋浏览器
html的文本标记和元素
加粗
下划线
倾斜
~~删除线~~
上下标我很^帅_帅

	<p>我是一个p标签，我用来表示一个段落</p>
	<p>我是一个p标签，我用来表示一个段落</p>
	
	<!-- 
		在HTML中，字符之间写再多的空格，浏览器也会当成一个空格解析，
			换行也会当成一个空格解析。
		在页面中可以使用br标签来表示一个换行，br标签是一个自结束标签	
	-->
	<p>
		十年生死两茫茫。<br />
		不思量。自难忘。<br />
		千里孤坟，无处话凄凉。<br />
		纵使相逢应不识，尘满面，鬓如霜。  <br />
	</p>
	
	<!--
		hr标签也是一个自结束标签，可以在页面中生成一条水平线
	-->
	<hr />

HTML网页

1.html根标签，一个页面中有且只有一个根标签，网页中的所有内容都应该写在html根标签中

2.head标签，该标签中的内容，不会在网页中直接显示，它用来帮助浏览器解析页面的

3.title网页的标题标签，默认会显示在浏览器的标题栏中

            搜索引擎在检索页面时，会首先检索title标签中的内容

            它是网页中对于搜索引擎来说最重要的内容，会影响到网页在搜索引擎中的排名

4.body标签用来设置网页的主体内容，网页中所有可见的内容，都应该在body中编写

5.<!–

         在这个结构中，可以来编写HTML的注释

         注释中的内容，不会在页面中显示，但是可以在源码中查看

         我们可以通过编写注释来对代码进行描述，从而帮助其他的开发人员工作    

        一定要养成良好的编写注释的习惯，但是注释一定要简单明了        

     -->

6.属性：

            可以通过属性来设置标签如果处理标签中的内容

           可以在开始标签中添加属性

          属性需要写在开始标签中，实际上就是一个名值对的结构

          属性名 = "属性值"，一个标签中可以同时设置多个属性，属性之间需要使用空格隔开
          
		  比如它的标准属性
		  id  页面元素独一无二的标识
		  class 类名
		  style 定义元素的样式
		  title  鼠标移入到元素上所显示的内容

最后课堂上的小问题

有关后缀 .html 和 .htm

我查阅了一些相关资料
HTM与HTML没有本质意义的区别，只是为了满足DOS仅能识别8+3的文件名而已，因为一些老的系统(win32)不能识别四位文件名，所以某些网页服务器要求index.html最后一个l不能省略。MSIE能自动识别和打开这些文件，但编写网页地址的时候必须是完全对应的，也就是说index.htm和index.html是两个不同的文件，对应着不同的地址。值得一提的是UNIX系统中对大小写敏感，不吻合的话就可能报没有文件或者找不到文件。

简单可以理解如下：
　　1、.htm与.html没有本质上的区别，表示的是同一种文件，只是适用于不同的环境之下。
　　2、DOS仅能识别8+3的文件名，所以.htm的命名方法可以被DOS识别，而.html的文件命名方式不能被之识别。
　　3、在UNIX系统中，网页必须使用.html扩展名，如果是htm，在浏览器中打开时则出现源代码；Windows中支持两种扩展名。也可以说，htm和html是Windows和UNIX对抗的产物。
　　4、如果在网页中同时存在index.html与index.htm，这是浏览器将先解释index.html。