我爱编程

html基础结构和链接css,js方式(零基础)

2018-04-11  本文已影响0人  打酱油的小毛驴

首先说明,我这篇文章适合入门级别的选手,就是有一点基础的,都不用再看了,这个主要就是写给0基础的童鞋们。

一、html5的结构,主要包括如下:

1.其中title标签是header标签中唯一要求要包含的东西,这个写页面的名字,主要是为了在搜索引擎检索结果中获得排名优势;

2.meta元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

3.meta中charset属性:gb2312代表说明网站是采用的编码是简体中文;utf-8代表世界通用的语言编码,(有时候你的网页不知道是什么原因造成的乱码,那就检查一下这个属性有没有错,一般都用utf-8); 标签是 <head> 标签中唯一要求包含的东西 标签是 <head> 标签中唯一要求包含的东西

二、css的引入方式

css有4中引入方式

1.行内式 (在结构中直接写);  eg:<div style="width:100px;height:100px;"></div>

2.外链式(在head中用link 引入):eg:<link rel="stylesheet" href="地址" />

3.内嵌式(就是在head中加style标签):eg:<style>

    div{width:100px;height:100px;}

</style>

当然这里面不只可以写标签名,还有各种的选择器,如果选择器不太明白的话,可以去w3c看一下,http://www.w3school.com.cn/cssref/css_selectors.asp 这是地址哦,因为太多了,就不一一赘述了;

4.引入式(在head中定义style,在style中@import):eg:@import url(style.css);

三、js引入

1. <script> js代码</script>

2.<script src="地址" ></script>,可以写在head中,也可以写body结束标签上

以上说的head都是html5结构中的head标签

上一篇 下一篇

猜你喜欢

热点阅读