编辑器:PSpad
1. HTML 是一种超文本标记语言
2.html文件
注意:
1. html的标记仅仅是告诉浏览器它是什么;它长成什么样是根据样式表CSS来决定的,如果没有样式表,则使用的是浏览器的默认样式表
2.标记是有它的实际意义的
标记一、
以<html>开始 </html>结束
<head> 与 </head>之间是头部
<body>与 </body>之间存放的是正文
<title>与</title>之间存放的是标题
html编码格式应该与浏览器的编码格式相同,否则会出现乱码;我们可以在HTML文件中告诉浏览器我们使用的是哪种编码格式,让浏览器自动选择编码;
一般在html中添加 <meta charset=utf-8>; 来设置html的文本格式为utf-8格式,这样浏览器就会识别出html文件,才不会出现乱码
在html文件中最开始添加 <!DOCTYPE html>,用于告诉浏览器我们使用的是 html5, 千万不要在后面添加html5
浏览器会忽略掉我们在html文件中的回车换行,
<p>和</p>告诉浏览器我们这是一个段落
<br>: 只是插入一个分行符,一段里面的分行用<br>
<h1>和</h1> 中间存放的是第一级标题,标题是单独存行的
如果有连续的两层标题放放在一起,可以使用<hgroup>和</hgroup>,用于告诉浏览器这是一个标题结构
<b>和</b>:字体加粗
<i>和</i>: 字体斜体
<small>和</small>:字体缩小
<tt>和</tt>:英文等宽字体
<del>和</del>:删除文字
<ins>和</ins>:加上文字
<s>和</s>:说明文字是不被推荐的,它的显示与<del>和</del>一样,但是它表达的意思是不同的
<sup>和</sup>: 添加上标;如:a<sup>2</sup>,表现形式为a²
<sub>和</sub>:添加下标;表现形式为:b0
<mark>和</mark>: 着重强调文字,具体是什么样式,依照浏览器而决定
标记二
<em> em强调 </em>
<strong> strong着重 </strong>
<dfn> definition定义 </dfn>
<code> code代码 </code>
<samp> samp例子代码 </samp>
<kbd> kbd用户输入 </kbd>
<var> variable变量 </var>
<cite>cite引用</cite>
标记三
<pre>
int main(){
printf ("Hello World!\n");
return 0;
}
</pre>
不对代码进行格式化,按照我们所写的格式原原本本的显示出来
<blockquote> 和 </blockquote>:中间的文字进行大缩进,该标记的表现形式还可以嵌套
<q>和</q>:作为短引用,作为现有段落的一部分,这其实是个内联元素,显示时总是在“行内“出现,也就是嵌套在行内
<blockquote>和</blockquote>:用于较长的引用,需要单独显示,这是一个块元素,块元素显示时就好像前后各有一个换行,
<address>和</address>:表示存放的是地址
注意:
1.图片在HTML中被理解为是一个字符,它和前后的文字会连接起来
标记三:
添加图片:
img 标记:
<img src="http://c.hiphotos.baidu.com/baike/s%3D220/sign=93ed189bc3cec3fd8f3ea077e689d4b6/f636afc379310a5599e63 ba3b74543a9832610a2.jpg" alt="加载中..." width="64" height="64"/>
img:图片路径;这里的图片格式有三种:PNG, GIF, JPG;其他的图片格式是否能显示取决于浏览器是否能识别
src:图片地址
alt: 有的时候,我们访问其他网站的网页时,图片显示位置会出现“加载中...”的字样,而这个加载中的字样可以通过该变量进行定义你想显示的字符
width 和 height:是图片所占的像素点大小
iframe标记
<iframe src="http://blog.csdn.net/"></iframe>
iframe也是插入一个页面
list
1. <ul>
unlist: 列表前用小黑点显示
2. <ol>: 列表显示为1、2、3....这种字符
3. <dl>:解释词条
例子:
<dl>
<dt>方糖</dt>
<dd>方的糖,天的</dd>
</dl>
<dt>:需要解释的词条
<dd>:关于词条的解释
list是可以嵌套的
<head>
<title>我的页面</title>
<meta charset=utf-8>
</head>
<body>
<p>
<img src="http://c.hiphotos.baidu.com/baike/s%3D220/sign=93ed189bc3cec3fd8f3ea077e689d4b6/f636afc379310a5599e63ba3b74543a9832610a2.jpg" alt="加载中..." width="64" height="64"/>
<iframe src="http://blog.csdn.net/"></iframe>
餐后的饮料有:
<dl>
<dt>方糖</dt>
<dd>方的糖,天的</dd>
</dl>
<ol>
<li>红茶</li>
<li>咖啡</li>
<li>可乐</li>
<ul>
<li>红茶</li>
<li>咖啡</li>
<li>可乐</li>
</ul>
</ol>
</p>
</body>
链接
title="Read all about caffeine on the Buzz">Caffeine Buzz</a>.
元素
第六章