码迷,mamicode.com
首页 > Web开发 > 详细

HTML基础知识小结1

时间:2015-11-30 00:33:11      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:

HTML基本概念

  • HTML基本概念理解:(HTML)不是一种编程语言,而是一种描述性的标记语言。
  • 完整的HTML文件包括标题、段落、列表、表格、绘制的图形以及各种嵌入对象,这些对象统称为HTML元素。

HTML基本标记

  • 头标记<head>..</head>
  • 标题标记<title>..</title>
  • 元信息标记<meta>...</meta>
  • <meta>标签提供的属性及其取值如下表所示:
属性  值                 描述
charset character encoding 定义文档的字符编码
content some_text 定义与http-equiv或name属性相关的元信息
http-equiv content-type 把content属性关联到HTTP头部
expires
refresh
set-cookie
name author 把content属性关联到一个名称
description
keywords
generator
revised
others

<meta charset="ISO-8859-1"> 网页使用ISO-8859-1字符集显示。

<meta name="keywords" content="HTML,CSS,XML,XHTML,JavaScript"/>定义针对搜索引擎的关键字。(注意:不同关键词之间用半角逗号(英文)隔开,不能使用空格或者别的符号;这里是keywords不是keyword;关键字标签中内容应该是一个个短语,不是一段话)

<meta name="description" content="网页的介绍“ />  简略描述网页的主要内容

<meta http-equiv="refresh" content="秒;[url=网址]" /> 网页的自动刷新 (url=网址 可以省略,它规定的是刷新时间,省略后只刷新,不跳转)

  • 页面注释  快捷键"ctrl+/"
  • 主体标记<body>...</body>
  • 添加文本在主体中添加。
  • 三种强调型方式<b> 标记   <em>标记   <strong>标记。(其中加粗的为<b>标记、<strong>标记。斜体的为<em>,另外斜体的还有<i>  <cite>。<u>为下划线。)
  • 上标、下标。(<sup>上标</sup>   <sub>下标</sub>)
  • 一般文本旁注文字需要用到small标签。<small>字体变小</small>。
  • 定义文本的方向(这个少用,一般默认从左向右。)<bdo>标签,不过需要加上属性dir一起使用。<bdo dir="ltr">从左向右</bdo>;<bdo dir="rtl">从右向左</bdo>。
  • <br>换行。一般</br>。
  • <hr>添加水平线。一般</hr>。
  • 文字列表:
    • 无序列表<ul>(可以嵌套)

    <li>...</li>

    <li>...</li>

    </ul>

无序列表三种不同样式: 

disc circle square

<ul type="disc">

<li>...</li>

<li>...</li>

</ul>

样式头为●  

<ul type="circle">

<li>...</li>

<li>...</li>

</ul>

样式头为○ 

<ul type="square">

<li>...</li>

<li>...</li>

</ul>

样式头为■ 

 

           

 

    • 有序列表<ol>(可以嵌套)

    <li>...</li>

    <li>...</li>

    </ol>

    • 自定义列表:<body>

      <title>自定义列表</title>

      <dl>

      <dt>依次纵向</dt> (这个不是列,是单元格,从左到右排列,这一列排满后自动跳转到下一列)

      <dd>依次横向</dd>

      </dl>

      </body>

[在这里要分清什么时候要用自定义列表,什么时候用<h>+<p>。<h>部分是加粗的。]

HTML基础知识小结1

标签:

原文地址:http://www.cnblogs.com/leq627/p/5005869.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!