热门关键字:
jquery > jquery教程 > jquery教程 > html和css入门

html和css入门

347
作者:管理员
发布时间:2021/3/6 14:24:56
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4110
  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> 表示行内的一块内容




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐