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

HTML基础

时间:2016-01-04 13:20:11      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:

一、1、什么是HTML: 超文本标记语言,是有标签和内容(标签和节点)构成的。  

  2、HTML5文档的注释: <!--注释内容-->   

  3、HTML标签: 由“<”  “>” 括起来。

         双标签(成对):<标签名>······</标签名> 

         单标签(不成对):<标签名/>

      推荐小写

  4、HTML标签的组成部分: 属性、实体

    属性是由属性名和值同时出现: <标签名  属性名1=“值” 属性名2=“值”··· 属性名N=“值”>   </标签名>

    HTML实体  "<" : &lt

          ">" : &gt

            "空格" : &nbsp;

            "引号" : &quot

            "&" : &amp  

  5、HTML 文件的主体结构

 1  <!DOCTYPE html> <!--类型说明,DOCTYPE声明必须放在每一个HTML文档最顶部,在所有代码和标识之上。-->
 2    <html>
 3      <head> <!--页面设置-->
 4        <meta content="text/html; charset=utf-8" /> <!--格式中也要选择utf-8-->
 5        <title>标题<title/> 
 6        <link type="text/css" rel=stylesheet href="**.css" /> <!--连接引入css文件-->     
 7        <script type="text/javascript" src="**.js"></script > <!--连接引入js文件-->     
 8      </head>
 9      <body></body> <!--页面主体,浏览器显示--> 
10    </html>

 或者css样式和js全部写在页面里

 1   <!DOCTYPE html>
 2     <html>
 3       <head>
 4         <meta content="text/html; charset=utf-8" /> 
 5         <title>标题<title/> 
 6         <style type="text/css">写入本页的css样式</style>   
 7         <script type="text/javascrpt">写入本页的js样式,js文件也可写在body中</script>  
 8       </head>
 9       <body></body> 
10   </html>   

 6.HTML中的颜色:① 颜色单词:如:red 、blue、black

            ②六位十六进制 #000000——#FFFFFF(画图中,可提取或者ColorSpy的屏幕取色工具) 前两位是红色 中间是绿色 后两位是蓝色  

                 如:白色为#FFFFFF(可缩写为#FFF)、红色为#000

 

二、HTML中的文本标签,格式化标签

  1、文本标签

  ① <br/> 换行    

  ② <p>···</p> 换段      

  ③ <i>···</i> 斜体      

  ④ <i>···</i> 强调斜体      

  ⑤ <b>···</b> 加粗

  ⑥ <strong>···</strong> 强调加粗

  ⑦ <hn>···</hn> 其中n为1-6的值,标题标签(加粗,独立行)

  ⑧ <cite>···</cite> 引用

  ⑨ <sub>···</sub> 下标

  ⑩ <sup>···</sup> 上标

  ? <del>···</del> 删除线

  ? <bdo>···</bdo> 文本方向 例:<bdo dir="rtl">···</bdo> 或者 <bdo dir="ltr">···</bdo>

  ? <abbr>···</abbr> 缩写

     ? <details>···</details> 元素细节 

     ? <summqry>···</summqry> 包含details元素的标题 
1  例:
2     <details>
3       <summary>HTML 5</summary>
4     This document teaches you everything you have to learn about HTML 5.5     </details>

  <!-- 结果是:HTML 5 This document teaches you everything you have to learn about HTML 5.-->

  ? <time>···</time> 时间

  ? <dialog>···</dialog> 对话

    ? <pre> 保留文字在源代码中的格式 

 

  2、格式化标签

  <br/> 换行    

  <p>···</p> 换段 

  ③ <hr/> 水平线

  <font>···</font> 字体 

 例:<font size="5" face="arial" color="red">A paragraph.</font>  

  

  3、列表  

    <ul> 无序列表  例:<ul type="square"> </ul> type类型值:discsquare circle

    <ol> 有序列表  例:<ol type="I"> </ol> type类型值:A a i I 1 

               <ol start="5"></ol>  起始值

    ③ <li> 列表项

    <dl> 自定义列表

        <dt>···</dt> 标题

        <dd>···</dd> 内容

HTML基础

标签:

原文地址:http://www.cnblogs.com/jiumei/p/5098372.html

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