美文网首页我爱编程
html基础结构和链接css,js方式(零基础)

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

作者: 打酱油的小毛驴 | 来源:发表于2018-04-11 19:56 被阅读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标签

相关文章

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

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

  • 前端需要掌握的技能

    新手必打基础 HTML4\HTML5CSS2\CSS3ES5(原生 js 基本语法)JSON 数据结构网络请求、A...

  • 2018-04-06

    Html基础 1 认识大前端 前端就是利用html+css+js等技术将效果图生成网页。 Html结构标准,相当人...

  • web前端入门进坑,你知道多少!

    新手必打基础HTML4/HTML5/CSS2/CSS3/ES5(原生 js 基本语法)JSON 数据结构网络请求、...

  • 暑假第一天打卡

    学习html和css,还有基础js? - 含有自己的属性`width`和`height` - `pre`可以保持...

  • 前端心得

    1.基础阶段:HTML+CSS 2.js阶段:JavaScript基础、JavaScript进阶、JavaScri...

  • 1.1笔记

    html网络开发、CSS基础语法 基本概念 *HTML只负责搭建结构,css负责格式化样式 - html(结构层)...

  • 认识CSS(1)

    1、CSS的定义 css指层叠样式表,以html为基础,控制页面布局和样式 html:页面结构 css:页面样式表...

  • Web 开发的感悟

    首先,以HTML布局结构,以CSS修改样 式,以js 去润色,修改脚本,如此,Web 开发的基础就完成了!

  • 各个阶级的前端 必须掌握的基本技能汇总

    「 需要学习基础知识点 」 新手必打基础 HTML4\HTML5 CSS2\CSS3 ES5(原生 js 基本语法...

网友评论

    本文标题:html基础结构和链接css,js方式(零基础)

    本文链接:https://www.haomeiwen.com/subject/movzhftx.html