HTML基础知识总结

1.W3C组织在制定html语法的时候,它约定(规范)html文件在书写的时候必须以<html>,并以</html>结束。

html中,可以书写另外两个标签:

head : 头部信息,不会在浏览器窗口中显示。

body : 身体信息,会在浏览器窗口显示。

如<html>

<head>

<title>

<title>

<!-- 可以写JavaScript-->

</head>

<body>

<!-- 文件的一些内容和标签 -->

<body>

</html>


2.其中又可以分为但标签和双标签,html的语法不是很规范,有时不写结束标签也可以正常运行,但是建议按照规范化的代码要求进行编写,这样可以减少错误以及提升代码的可读性。其中几个比较常用的标签,例如字体标签<font>,超链接标签<a href="......">,列表标签,有序列表<ol>无序列表<ul>,自定义列表<dl>;图片<img>表格<table>表单<form>等在经历了css和div的冲击之下还是顽强的生存了下来,一部分原因是因为使用的简便性,一部分原因是因为某些时候的不可替代性。

3.html的标签中的属性尤其的重要,但是爷爷相对来说十分的繁杂,想要详细的了解和正确的使用,免不了多差w3c school的api以及对于重复的书写代码进行理解和记忆。

提到标签就不得不说css与html的结合方式,css是样式文件,可以与html相结合产生美妙的化学反应。他们的结合方式有:

第一种:直接标签上嵌入(几乎不会用)、第二种:使用style标签(偶尔会使用)、第三种:使用独立的CSS文件使用import导入、第四种:使用link标签引入(最常用)。

我们书写的CSS代码最终需要和html标签进行结合使用。这时就需要在CSS代码上书写具体应该作用的标签。

CSS代码作用在对应的标签上:需要使用CSS中提供的选择器。何为选择器?选择器就是用来选择css代码需要作用的对应的标签。格式:


标签名{

CSS代码

}

分为id,class,组合,关联和伪元素选择器四种,其中作为id,class使用频率最高,资深的前端组合与关联会大量使用,产生快捷和高效的成果。伪元素选择器个人感觉在一定程度上与标签结合时被JavaScript代替的情况很多,也更加灵活。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章