我的第一次博客—HTML基础

我的第一次博客—HTML基础

前端基础总结

简介

  1. 代码:
这是一个非常good的网页
<body>
	<h1>这是我的第一个网页</h1>      
</body>

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

  1. web通俗来说就是网页

  2. 它的别名叫做万维网(www)

  3. 它的作用就是能将各类型的信息和服务进行连接,并提供生成图形

  4. web的工作原理有两种B/S和C/S
    B/S所表达的浏览器内容简介
    C/S所表达的客户端则是内容丰富

  5. web浏览器的产品
    microsoft internet explorer IE浏览器
    Google Chrome 谷歌浏览器
    Mozilla fireFox 火狐浏览器
    Opera 欧朋浏览器

  6. 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。

发布了15 篇原创文章 · 获赞 0 · 访问量 105

猜你喜欢

转载自blog.csdn.net/weixin_45806273/article/details/102944317