html标签——Html学习笔记1

2018-01-18 本文已影响0人一颗奋发向上的蛋

<!DOCTYPE html> 文档类型声明，告诉浏览器如何渲染页面；若不加，渲染会用怪异模式渲染

<html lang="en"></html> lang属性告诉浏览器当前使用文字

<meta charset="UTF-8">
<meta name="keywords" content="前端饮食"> 引擎优化
<meta name="description" content="这是一段描述"> 搜索引擎搜索时候展示的描述

h1~h6 标题

<ul>
    <li>首页</li>
    <li>关于</li>
    <li>
        <ul>
            <li>联系</li>
            <li>更多</li>
        </ul>
    </li>
</ul>

<ol>
  <li>放学</li>
  <li>吃饭</li>
  <li>睡觉</li>
</ol>

<dl>
  <dt>姓名：</dt>
  <dd>小白</dd>
  <dt>性别：</dt>
  <dd>女</dd>
  <dt>爱好：</dt>
  <dd>王者荣耀</dd>
  <dd>吃火锅</dd>
</dl>

em 强调
尽管现在 <em> 标签修饰的内容都是用斜体字来显示，但这些内容也具有更广泛的含义，将来的某一天，浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使用斜体字来显示文本的话，请使用 <i> 标签。除此之外，文档中还可以包括用来改变文本显示的级联样式定义。
strong 强调性更强

 <p>汤包<em>胖了</em></p>
 <p>汤包<strong>又胖了</strong></p>

<iframe src="https://v.qq.com/" name="myPage" frameborder="0"></iframe>

一个神奇的效果

<p><a href="https:www.baidu.com" target="myPage">百度一下</a></p>

点击链接后：