HTML+CSS+JScript

来源：互联网发布：蘑菇街软件下载编辑：程序博客网时间：2024/04/29 18:31

编辑器：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>：添加下标；表现形式为:b₀

<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：图片路径；这里的图片格式有三种：PNG, GIF, JPG；其他的图片格式是否能显示取决于浏览器是否能识别

src：图片地址

alt：有的时候，我们访问其他网站的网页时，图片显示位置会出现“加载中...”的字样，而这个加载中的字样可以通过该变量进行定义你想显示的字符

width 和 height：是图片所占的像素点大小

iframe标记

iframe也是插入一个页面

list

1. <ul>

unlist: 列表前用小黑点显示

2. <ol>: 列表显示为1、2、3....这种字符

3. <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>

链接

<a href="http://blog.csdn.net/">CSDN博客</a>

注意：必须加上http；如果没有添加http前缀<a href="blog.csdn.net/">CSDN博客</a>，那么浏览器会在当前文件夹下查找“blog.csdn.net"这个文件，然后进行打开，

在这里面可以添加一个"title"属性：

<a href="http://wickedlysmart.com/buzz/#Coffee“ title="Read all about caffeine on the Buzz">Caffeine Buzz</a>.

#Coffee：表示在点击http://wickedlysmart.com/buzz链接时，跳动到http://wickedlysmart.com/buzz页面的Coffee标签处

在http://wickedlysmart.com/buzz页面中Coffee标签的写法为: <h3><a id="Coffee">Coffee</a></h3>；加id表示添加标签

"Read all about caffeine on the Buzz":该名称放在title后面，表示当鼠标放到Coffeine Buzz字样上时，显示Read all about caffeine on the Buzz字符

Read the <a target=" _blank" href="http://wickedlysmart.com/buzz/#Coffee"
title="Read all about caffeine on the Buzz">Caffeine Buzz</a>.

target=" _blank": 表示重新开一个窗口打开链接

元素

元素 = 开始标记 + 内容 + 结束标记

空元素(void)：没有内容也没有结束标记的元素，如<br>

总共有两类元素：正常元素和void元素；

正常元素 = 开始标记 + 内容 + 结束标记

void元素就是空元素：没有内容也没有结束标记的元素

HTTP:称为超文本传输协议(Hypertext Transfer Protocol)

在web服务器中，当用户进行访问时，没有指明要访问的文件，那么服务器会发送一个默认的文件，在WEB服务器中，这个文件名为“index.html”或"default.html"，所以如果您需要用户访问您的web服务器时，回复其默认的页面信息，那么就需要编写“index.html”或“default.html”

在HTML中应该使用相对链接来链接到同一网站中的页面，而使用URL来链接其他网站上的页面

第六章

1. <head>和</head>标记之间保存的是有关页面的信息，也就是说有关页面的一些设置信息放在这中间

2.只有<head>和<body>元素能放到<html>元素中间，其他所有元素只能放到<head>和<body>元素中间

3.一定要在<head>元素中包含一个<title>元素；只能在<head>元素中放置<title>、<meta>和<style>元素

4.不要把<a>嵌套在其他<a>元素中；不允许在<img>等void元素中嵌套其他内联元素

5.<img>元素中如果没有<src>属性，则是没有意义的；同时还必须要有<alt>属性

6.在学习的过程中要逐条熟悉各元素的必要和可选属性

7.属性值需要加上引号

0 0