欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  html
 
  单机软件:软件程序和数据都存储在客户端 界面:Tk、PyQt、wxPython库
 
  C/S(Client/Server)架构软件:软件程序和数据一部分存在客户端,一部分存在服务器端 界面:Tk、PyQt、wxPython库
 
  B/S(Broswer/Server)架构软件:软件程序和数据全部存在服务器端,界面:网页(web)
 
  一。基本结构
 
  二。html的标签
 
  1.标签的基本使用
 
  {
 
  双闭合标签(成对出现)
 
  单闭合标签(单一出现)
 
  带属性标签
 
  标签嵌套
 
  }
 
  2.常用的块元素
 
  {
 
  标题标签<h1>标题一</h1>? ? ?数字可以改为1——6
 
  段落标签<p>这是一个段落</p>
 
  块容器标签<div>这是一个块元素</div>
 
  }
 
  3.常用的内联标签
 
  {
 
  超链接标签? ? <a href="02.html">第二个网页</a>
 
  内联容器标签? ?<p>这是一个段落文字,段落文字中有<span>特殊标志或样式</span>的文字</p>
 
  图片标签? ?<img src="images/pic.jpg" alt="图片" />
 
  }
 
  4.其他
 
  br? 换行
 
  注释 <!-- 这是一段注释? -->
 
  空格
 
  三。html布局
 
  1.布局案列
 
  <!doctype html>
 
  <html lang="en">
 
  <head>
 
  <meta charset="UTF-8">
 
  <meta name="viewport"
 
  content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
  <title>Document</title>
 
  </head>
 
  <body>
 
  <div>
 
  <!--第一行-->
 
  <div>
 
  <h3>这是第一个主题</h3>
 
  <a href="#">更多》</a>
 
  </div>
 
  <!--第二行-->
 
  <img src=".\images\banner1.jpg" alt="banner1.jpg">
 
  <!--第三行-->
 
  <p>人工智能(Artificial Intelligence),英文缩写为AI。它是研究、开发用于模拟、延伸和扩展人的智能的理论、方
 
  法、技术及应用系统的一门新的技术科学。人工智能是计算机科学的一个分支,它企图了解智能的实质,并生产出一
 
  种新的能以人类智能相似的方式做出反应的智能机器,该领域的研究包括机器人、语言识别、图像识别、自然语言处
 
  理和专家系统等。</p>
 
  </div>
 
  </body>
 
  </html>
 
  2.标签语义化
 
  ①带语义的标签
 
  <h1——6> 标题标签
 
  <p> 段落标签
 
  <img> 图片标签
 
  <a> 链接标签
 
  ②不带语义的标签
 
  <div>  代表一块块元素
 
  <span> 表示行内的一块内容

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