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 /> (无开始标签)。要想输入空格,必须写入
<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就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的。