html 基础1
1. HTML是网页内容的载体。
2.CSS样式是表现:。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
3JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
- 图片,由
img
标签来完成的,它在网页上的代码写成<img src="1.jpg">
html文件基本结构
<html> <head>...</head> <body>...</body> </html>
<html></html>
称为根标签,所有的网页标签都在<html></html>中。<head>
标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>
、<script>
、<style>
、<link>
、<meta>
等标签,头部标签在下一小节中会有详细介绍。- 在
<body>
和</body>
标签之间的内容是网页的主要内容,如<h1>
、<p>
、<a>
、<img>
等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。在网页上要展示出来的页面内容一定要放在body标签中 -
<head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head>
在<title>和</title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。
- <!--注释文字 -->HTML的代码注释,有感叹号,可以快捷键,与java一致。
<p>
标签的默认样式,可以在上图中看出来,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它(?)。<p>段落文本</p>- 并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。
我们对<em>
、<strong>
、<span>
这三个标签进行一下总结:
1. <em>
和<strong>
标签是为了强调一段话中的关键字时使用,它们的语义是强调。
2. <span>
标签是没有语义的,它的作用就是为了设置单独的样式用的。
<style> span{ color:blue; } </style> </head> <body>
孜孜不倦,必能求索;风尘仆仆,终有归途。