热门关键字:
jquery > jquery教程 > jquery教程 > 最新HTML基础与CSS认识知识整理

最新HTML基础与CSS认识知识整理

358
作者:管理员
发布时间:2021/3/29 18:35:19
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4314
  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(超链接地址)


最新HTML基础与CSS认识知识整理



  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>有序列表


  有序列表也是一列项目,只是列表项目使用的是数字进行标记


最新HTML基础与CSS认识知识整理



  有序列表-列表符号


  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的解释




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



关键字:jquery
友荐云推荐