欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  1,基本格式
 
  html页面包含元素和属性:类似于<body>这样的是元素,元素里的是属性,比如:<body bgcolor="yellow">
 
  HTML全局属性表:
 
  参考:
 
  2,html标题
 
  <h1>——<h6>对应的是不同等级的标题
 
  align="center" align属性表示排版方式,适用于标题或者段落:<h1 align="center">This is heading 1</h1>
 
  段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小,将改变段落中的行数。<p></p>表明段落
 
  <hr/>表示加一条水平线,它不算是属性,在段落之间:
 
  注释:<!--内容。-->
 
  3,html段落
 
  段落是通过 <p> 标签定义的,用<br />在段落<p>里折行,
 
  4,html样式
 
  在style标签里一个一个地设定,叫做内联样式,比如,
 
  但是html同样支持预设样式,
 
  外部样式表也是支持的:
 
  样式相关的元素:
 
  5,文本格式化
 
  文本格式化标签:
 
  <b>内容</b>,表示bold,加粗;除此以外,还有<strong>,<big>,<em>,<i>,<small>等
 
  计算机输出标签:
 
  预格式:<pre>内容</pre>,它会保留内容中的空格和换行,
 
  引用,引用和术语定义
 
  6 引用
 
  HTML <q> 元素定义短的引用。
 
  HTML <blockquote> 元素定义被引用的节。浏览器通常会对 <blockquote> 元素进行缩进处理。
 
  7,链接
 
  创建超链接:
 
  图像文件:和普通文本一样,可以放在段落中,也可以架上超链接。
 
  创建一个电子邮件的链接:
 
  在“hehe”上创建超链接:
 
  如果想在新的窗口打开超链接,那就把target设置成"_blank":<a href="" target="_blank">Visit W3School!</a>
 
  如果想链接到本页面的不同位置:
 
  如果想跳出本页面,跳到另一个页面,就设定target="_top" :<a href="" target="_top">请点击这里!</a>
 
  <a name="label">锚(显示在页面上的文本)</a>
 
  8,图像
 
  <p><img src="" width="300" height="120" border="4" /> </p>    //src是文件来源,witdth宽,height高,border是边框像素,替换文本属性:
 
  拓展:
 
  <body background="/i/eg_background.jpg">添加背景图
 
  <p>图像 <img src="" align="bottom"> 在文本中</p>    //h5中即将弃用
 
  <p> <img src="" alt="Smiley face" style="float:left" width="32" height="32"> 一个带图片的段落,图片浮动在这个文本的左边。</p>    //css属性,重点看style=“float:left”
 
  <a href="">  <img border="10" src="" alt="HTML 教程" width="32" height="32"></a></p>    //图像上架超链接,进阶是图像的不同部位有超链接,用map实现。
 
  9,表格
 
  表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。比如:
 
  形成:
 
  拓展:
 
  没有边框的表格:
 
  不设置<table>的border属性就可以了
 
  具有合并单元格作用的表格:
 
  10 列表
 
  无序列表使用 <ul> 标签,unordered list
 
  有序列表<ol>标签,ordered list
 
  学到了css和区块:

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61328.shtml