码迷,mamicode.com
首页 > Web开发 > 详细

HTML+CSS基础学习笔记(1)

时间:2016-10-01 12:26:33      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:

一、了解HTML、CSS、JS

1、HTML是网页内容的载体。

内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

2、CSS样式是表现。

用来改变内容外观的东西称之为表现,如标题字体、颜色变化等,就像网页的外衣。

3、JavaScript是用来实现网页上的特效效果。

动画的、有交互的。如鼠标滑过弹出下拉菜单、鼠标滑过背景颜色改变、新闻图片的轮换等。

二、html文件基本结构

<html>

    <head>.....</head>

    <body>.....</body>

</html>

代码讲解:

1、<html></html>根标签,所有网页标签都包含其中。

2、<head></head>定义文档头部标签,包含<title>、<script>、<style>、<link>、<meta>等所有头部元素的内容。

3、<body></body>包含网页内容标签,如<h1>、<p>、<a>、<img>等网页内容标签。

三、head标签

<head>

    <title>.....</title>

    <meta>

    <limk>

    <style>.....</style>

    <script>.....</script>

</head>

代码讲解:

<title>标签:在<title></title>标签之间的文字内容是网页的标题信息,显示于浏览器标题栏,用于告诉用户和搜索引擎这个网页的主要内容,每个网页的内容都不同,每个网页都应有一个独一无二的title。

四、<span>标签

<html>

   <head>

  <style>

  span{color:blue}

  </style>

   </head>

   <body>

  <span>此处文字将会显示为蓝色</span>

   </body>

</html>

五、注意

HTML标签不区分大小写,但是建议小写。

HTML+CSS基础学习笔记(1)

标签:

原文地址:http://www.cnblogs.com/shiy/p/5924977.html

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