传智博客_html
1. HTML语法基础
< > 空格 " 商标 版权
< > " ® ©
<p></p>段落标记
<br>换行标记
<nobr></nobr>不换行
<blockquote></blockquote>右缩进
<center></center>居中显示
<marquee></marquee>移动显示 behavior=scroll direction=up
<dl>列表
<dt>列表中上层
<dd>列表中下层
<ol>带有数字序号的列表
<ul>标有圆点的列表
<li>用于创建具体的列表象
<pre>对文本域格式化处理
<h1>...<h6>字号.字体标签
<b><i><u>粗体,斜体,下滑线.
<sub><sup>下标 上标
<tt>打印字 <cite>引用 <em>显示需要强调 <strong>加重.
<font>字体 face,size,color3个属性.
<a href="http://www.wwh.com#mark" target="_blank">个人主页</ ......
META是用来在HTML文档中模拟HTTP协议的响应头报文。META标签用于网页的与中,META标签的用处很多。META的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个:
name 属性
1、用以说明生成工具(如Microsoft FrontPage 4.0)等;
2、向搜索引擎说明你的网页的关键词;
3、告诉搜索引擎你的站点的主要内容;
4、告诉搜索引擎你的站点的制作的作者;
5、
其中的属性说明如下:
......
<html >
<body style="margin:0;overflow:hidden">
<div>
<table style="width:100%;height:100%">
<!--<tr>
<td>
<div style="" align="center" >
here is header ling
</div>
</td>
</tr>-->
<tr>
<td style="height:100%;">
<div style="height:100%;overflow:auto;">
&n ......
<html >
<body style="margin:0;overflow:hidden">
<div>
<table style="width:100%;height:100%">
<!--<tr>
<td>
<div style="" align="center" >
here is header ling
</div>
</td>
</tr>-->
<tr>
<td style="height:100%;">
<div style="height:100%;overflow:auto;">
&n ......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> HTML中的Group效果 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="sharpnessdotnet">
<META NAME="Keywords" CONTENT="HTML中的Group效果">
<META NAME="Description" CONTENT="HTML中的Group效果">
</HEAD>
<BODY>
<fieldset class="EditField">
<legend>区域主题</legend>
<table class="EditTable">
<tr>
<td>
  ......
从今天开始,CSS设计教程和大家见面了。每天一节,有学习的同学请每天关注我们网站。
例1-1 背景图片
第一个例子展示了对background属性的运用,本例子把background属性与一个div元素相结合。div的大小为250pxX76px,所以它会显示出一个完整的背景图片。
以下是本实例的详细程序,调试在Microsoft Visual Studio 2010版:
运行环境:
原代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>背景图片</title>
<style>div {background:url("heading2.jpg") no-repeat; width:250px; height:76px;</style>
</head>
<body>
<h6>版权所有:雷建强</h6>
<h1>背景图片</h1>
<div></div>
</body>
</html>
保存为 背景图片.htm 后直接打开,就可以看到效果。
效果图如下:
如要源代码请到本人QQ294186203留言。 ......
方法一:
跨浏览器的网页设计一直是让人很头疼的问题,这不只是因为浏览器的版本众多,还有一个重要的原因是相同浏览器的不同时期的版本也会有差异,
甚至是在不同操作同台上还会有不同。因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSS
Hack技术有很多,具体可以查看:
本文据说的主要是通过“.”,“>”,“*”,“_”来区分。以下是本人对这四种符号的测试结果:
———————IE6—— IE7——IE8——FF2——FF3— Opera9.5
>property—— Y—— Y—— Y—— N—— N—— N
.property—— Y—— Y—— Y—&m ......