欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  1.认识HTML:
 
  html不是一种编程语言,是一种标记语言。标记语言是由一套标识标签组成的。html使用标签来描述网页。
 
  <!-- 设置文档类型为:html -->
 
  <!DOCTYPE html>
 
  <!-- html是根标签,有且仅有一个,代表整个文档,lang设置页面默认语言为english -->
 
  <html lang="en">
 
  <!-- head是头标签,它的内容供浏览器读取,除title外, 其它内容用户并不关心 -->
 
  <head>
 
  <!-- 设置当前页面中的文本采用的默认编码字符集为utf8 -->
 
  <meta charset="UTF-8">
 
  <!-- 设置页面标题文本内容,显示在游览器窗口的标签页 -->
 
  <title>Document</title>
 
  </head>
 
  <!--浏览器显示的内容-->
 
  <body>
 
  </body>
 
  </html>
 
  2.HTML标签
 
  <h1>—-<h6>用于标题文本,会使字体变大,h1>h2>h3>h4>h5>h6>h7
 
  <p>标签 段落标签
 
  <strong>文字产生加粗效果
 
  <span>对被用来组合文档中的行内元素
 
  <em>文字斜体
 
  <a>超链接,他有一个必不可少的属性 href(超链接地址)
 
 
  href*属性:设置跳转的网页地址
 
  target属性:设置跳转的目标
 
  创建锚点和锚链接
 
  锚点也是一种超链接,是页面内进行跳转的超链接
 
  第一步:创建锚点 <a name="锚点名称"></a>
 
  第二步:使用创建好的锚点名称 <a href="#锚点名称">内容</a
 
  <hr />在页面中添加一条水平分隔线
 
  3.列表
 
  <ul>无序列表
 
  无序列表是一个没有顺序项目的列表,默认粗体圆点进行标识
 
  无序列表-列表符号:type="circle" 空心圆 type=“disc” 实心圆 默认值 type="square" 方块符
 
  <ul >
 
  <li>内容一</li>
 
  <li>内容二</li>
 
  <li>内容三</li>
 
  </ul>
 
  无序列表-嵌套
 
  <ul>
 
  <li>柚子
 
  <ul>
 
  <li>沙田柚</li>
 
  <li>蜜柚</li>
 
  </ul>
 
  </li>
 
  <li>荔枝</li>
 
  <li>苹果</li>
 
  </ul>
 
  <ol>有序列表
 
  有序列表也是一列项目,只是列表项目使用的是数字进行标记
 
  有序列表-列表符号
 
  type="A" A B C D
 
  type="a" a b c d
 
  type="1" 1 2 3 4
 
  type=”I” I II III
 
  type=”i” i ii iii
 
  <ol>
 
  <li>内容一</li>
 
  <li>内容二</li>
 
  <li>内容三</li>
 
  </ol>
 
  有序列表-嵌套
 
 
  <ol>
 
  <li>茶
 
  <ul>
 
  <li>红茶</li>
 
  <li>绿茶</li>
 
  </ul>
 
  </li>
 
  <li>果汁</li>
 
  <li>牛奶</li>
 
  </ol>
 
  <dt>定义列表
 
  定义列表不仅仅是一列项目,而是项目及其注释的组合。定义列表,类似于名称解释,常用用来做友情链接
 
  <dl>
 
  <dt>php中文网</dt>
 
  <dd>学习网页前后端</dd>
 
  </dl>
 
  dd是对dt的解释

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