html 基础1

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

2.CSS样式是表现：。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

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

 

  1. 图片，由img标签来完成的，它在网页上的代码写成<img src="1.jpg">

 

html文件基本结构

<html>
    <head>...</head>
    <body>...</body>
</html>
  1. <html></html>称为根标签，所有的网页标签都在<html></html>中。
  2. <head> 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、<style>、<link>、 <meta>等标签，头部标签在下一小节中会有详细介绍。
  3. 在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。在网页上要展示出来的页面内容一定要放在body标签中
  4. <head>
    <title>...</title>
    <meta>
    <link>
    <style>...</style>
    <script>...</script>
</head>

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

  5. <!--注释文字 -->HTML的代码注释，有感叹号，可以快捷键，与java一致。
  6. <p>标签的默认样式，可以在上图中看出来，段前段后都会有空白，如果不喜欢这个空白，可以用css样式来删除或改变它（？）。<p>段落文本</p>
  7. 并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用<strong>表示强调。

我们对<em>、<strong>、<span>这三个标签进行一下总结：

1. <em>和<strong>标签是为了强调一段话中的关键字时使用，它们的语义是强调。

2. <span>标签是没有语义的，它的作用就是为了设置单独的样式用的。

 

<style>
span{
    color:blue;
}
</style>
</head>
<body>

 

 

 

 

posted on 2016-06-20 23:04  雪的心  阅读(114)  评论(0)  编辑  收藏  举报

导航