您的位置：首页 > Web前端

前端5

2015-11-28 17:37 267 查看

从今天开始学HTML+CSS基础课程。

html是网页的基本语言，叫做超文本，是网页内容的载体，内容是用户浏览的信息，文字，图片，视频等。

CSS是网页制作时的一个技术，叫CSS层，通过CSS层设计网页统一风格，限定方式什么的，是对HTML标签样式的定义。CSS样式是表现，改变网站外观属性，比如：标题字体，颜色变化，或为标题加入背景图片，边框等。CSS就像是网页的外衣。

HTML标记把要文字图片等内容放HTML标记让浏览器去解释并把内容显示浏览器供用户阅读，CSS给HTML标记添加各种样式用来告诉浏览器因该何显示些标记里面内容。

JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

首先学习建立一个基本网页。

网页中每一个内容在浏览器中的显示，都要存放到各种标签中。

标签由<和>括起来，成对出现，结束标签比开始标签多了个/

标签间可以嵌套，但前后顺序要一致。

标签不区分大小写，但一般建议小写。

HTML文挡开头<!DOCTYPE HTML>是（最新HTML标准：HTML5）标准网页声明，表示网页采用HTML5。

<html> 与 </html> 为根标签，所有网页标签都在其中，标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。

文档的头部由<head>标签定义，而主体由<body>标签定义：

<head>描述了文档的各种属性和信息，是所有头部元素

eg:<title>,<script>,<style>,<link>,<meta>等标签的容器。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

<metahttp-equiv="Content-Type" content="text/html;charset=utf-8">是重要的头部标签，描述了文档类型text/html和字符编码utf-8，为了避免浏览器乱码最好都有这meta标签。

<title>和</title>标签之间的文字是网页的标题信息，出现在浏览器的标题栏中，告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页内容都不一样，所以每个网页都应该有一个独一无二的title。

<body>和</body>标签间内容是网页主要内容，eg:<h1>,<p>,<a>,<img>等标签内容会在浏览器中显示出来。

<P></P>是段落标签，<p>段落文本</p>。

<body>标签中<h1> - <h6>是可定义标题标签，用来制作文章的标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

<!—注释文字-->是代码注释，注释文字不会显示。

今天和室友过完了生日，挺开心的，学习了下，更嗨，明天继续加油~

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航