网页初认识

HTML CSS  JavaScript 

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

 

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

 

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


认识标签

  • 标题标签  <h1></h1>
  • 段落标签  <p></p>
  • 图片,由img标签来完成的<img src=      "14542144777.jpg"     > 
  •     <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
  • 标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。
  •  
  • <head>标签的作用。文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

这些标签可用在 head 部分:

<head> 
    <title>...</title>    
    <meta>
    <link>
    <style>...</style>
    <script>...</script>
</head>

其中, <title>...</title>  标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。

  • 注释标签         <!--    看不见我看不见我看不见我 -->

              多行时         <!--   注释注释注释注释。看不见我 begin -->

                               <!--   注释注释注释注释。看不见我 end -->

 

<em>  </em>  文字斜体

<span> </span>  它的作用就是为了设置单独的样式用的。颜色或字体等

<strong>  </strong>   加粗

 <q>     强调标签引用别人的语句 , 自动加 “”

<blockquote>标签,长文本引用

 

小总结:在 html 代码中输入回车、空格都是没有作用的。

在html文本中想输入回车换行,就必须输入<br /> (无开始标签)。要想输入空格,必须写入&nbsp;

 

<hr>标签,添加水平横线(无开始标签)

 html4.01版本 <hr>

xhtml1.0版本 <hr />    //重点用的,较规范

 

<address>标签,为网页加入地址信息

 

<code>标签 ,加入一行代码           <code>   i=i++; </code>

 


列表相关  

 1、无顺序型

ul,添加列表

ul-li  在网页中显示的默认样式一般为:每项li前都自带一个圆点

<ul>

  <li> java </li>

  <li> html </li>

  <li>  JavaScript </li>

</ul>

 

2、有顺序的

ol,添加世界杯赛绩排行榜

<ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始

 

<ol>

   <li> 法国 </li>

   <li>克罗地亚</li>

   <li>比利时</li>

</ol>

 

 

div标签 在排版中的作用

网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,//这个<div>标签的作用就相当于一个容器。<div>…</div>

 

<div id> div命名,方便修改 id就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的。

猜你喜欢

转载自blog.csdn.net/weixin_40980087/article/details/81393689