HTML基础

文字基础

标题和段落

<h1>标题</h1>
<p>段落</p>

列表

  • 无序列表
<ul>
  <li>行1</li>
  <li>行2</li>
  <li>行3</li>
</ul>
  • 有序列表
<ol>
  <li>行1</li>
  <li>行2</li>
  <li>行3</li>
</ol>
  • 嵌套列表
<ol>
  <li>行1</li>
    <ul>
      <li>行1</li>
    </ul>
  <li>行2</li>
  <li>行3</li>
</ol>

重点强调

<em>斜体强调</em>
<strong>加粗强调</strong>

斜体粗体下划线

<i>  <b>  <u>

超链接

<a href="www.baidu.com" title="描述,鼠标停在此元素上时会显示的内容">搜索</a>

文本格式化

描述列表(Description Lists)

描述列表使用与其他列表类型不同的闭合标签<dl>,每一项都用<dt>元素闭合,每个描述都用<dd>元素闭合。

<dl>
  <dt>名词1 soliloquy</dt>
  <dd>描述内容 In drama, where a character speaks to themselves, representing their inner thoughts or feelings and in the process relaying them to the audience (but not to other characters.)</dd>
  <dt>名词2  monologue</dt>
  <dd>描述内容 In drama, where a character speaks their thoughts out loud to share them with the audience and any other characters present.</dd>
  <dt>名词3 aside</dt>
  <dd>描述内容 In drama, where a character shares a comment only with the audience for humorous or dramatic effect. This is usually a feeling, thought or piece of additional background information.</dd>
</dl>

引用 Blockquote

<blockquote>引用块<blockquote>

缩写 Abbreviation

鼠标停在HTML时会显示abbr元素中的title值。

<p>We use <abbr title="Hypertext Markup Language">HTML</abbr> to structure our web documents.</p>

上标和小标

<p>上标 25<sup>th</sup></p>
<p>下标 C<sub>8</sub></p>

文件和网站结构

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一些说明 写在前面:HTML和CSS,当你了解所有规则后,你应该多写页面并记录你出现的问题,这才是学习HTML和C...
    lifeColder阅读 739评论 0 3
  • html的基础知识 w3c_html基础教程总结 文档的基本结构 脑图 常见元素 HTML元素语义的分类 结构类 ...
    呆呆的张先生阅读 1,110评论 0 1
  • 是岁众人闲谈,言及各色人等,忽转而语湘西杂事,涉旧人诸事若干,念在粤初识,风中芳华,奈何泥沙俱下,人如断梗飘蓬,不...
    孟小繁阅读 166评论 0 0
  • 拳皇争霸 “我从你们起的名字上就能看出来。你看,你叫啥啊?老鼠。人家卢红苗呢?卢红苗,卢红喵。喵喵喵,那就是一只猫...
    MJ老段阅读 455评论 4 5
  • 这两天新上映的动画片,火遍微博朋友圈的树懒就是从这部片子里传出去的。 迪斯尼的片子,拟人情节很重,教育意义很好。最...
    苏穆凉阅读 391评论 0 2