码迷,mamicode.com
首页 > 其他好文 > 详细

前端第一课:初识前端

时间:2019-07-14 09:36:15      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:nbsp   头部   中文   style   链接   注意   strong   还需要   直接   

建立一个网页项目需要建立一个文件夹,在文件夹里将CSS,js,HTML和图片分装在不同文件夹方便管理。

html由大量标签构成,标签有单标签和双标签,一个HTML由头部头部和主体构成,在头部内容一般为网页的基本信息,譬如标题,索引信息等,我们一般展示的部分在主体部分;下面便是基本格式;

<html>
  <head>
  </head>
  <body>
  </body>
</html>

 (注:为防止出现中文乱码,一般会选择在头部添加<meta charset="utf-8")>, 所有标签和代码部分必须用英文,否则会出错)

 HTML只是网页的内容,要让网页做的好看还需要给网页内容进行排版,这个时候便用到CSS,CSS可以快速方便的给网页进行排版,我们可以把CSS样式直接写在HTML的头部例如;

<head>
<style type="text/css">
  hr {color: sienna;}
  p {margin-left: 20px;}
  body {background-image: url("images/back40.gif");}
</style>
</head>
你可以使用 <style> 标签在文档头部定义内部样式表
也可以从外部引入CSS文件例如:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
每个页面使用 <link> 标签链接到样式表。<link> 标签在(文档的)头部,浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档。
外部引入要注意绝对路径和相对路径:
绝对路径:指文件完整的目录地址
相对路径:是指文件相对于当前目录的地址
一般使用相对路径,因为使用绝对路径可能会导致如果网页不是在本机上打开文件不会显示,而相对路径不会出现这种情况。

前端第一课:初识前端

标签:nbsp   头部   中文   style   链接   注意   strong   还需要   直接   

原文地址:https://www.cnblogs.com/Sunboy910/p/11179351.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!