从今天开始学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> 定义最小的标题。
<!—注释文字-->是代码注释,注释文字不会显示。
今天和室友过完了生日,挺开心的,学习了下,更嗨,明天继续加油~