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

html5 01 随记

时间:2017-07-26 00:18:08      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:十六进制   列表   tle   文件   记忆   html 标签   随记   主题   head   

 一  HTML 是一种制作网站的标记语言

二、HTML基本语法

  1. HTML 标签

 html标签是html中的最基本单位 也是最重要的部分

           通常使用尖角号 开始”<”和结束”>”

标签分为两种(成对出现 和不成 对出现)

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

例如:<body></body><html></html>

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

例如:<meta/><br/>

 

 标签是不区分大小写的<body>和<BODY>是一样的 推荐使用小写

html标签和属性都不区分大小写

2. HTML标签属性  

 Html属性有一般出现在HTML开始标签中 是html标签的一部分

 标签中有属性包含着一些额外信息 属性值一定是要使用双引号””

   标签中可以有多个属性

 属性的组成: 属性名=”属性值”

   语法格式:

单属性

<标签名 属性名=”属性值”></标签名>

<标签名 属性名=”属性值” />

多属性

<标签名 属性名=”属性值” 属性名=”属性值” 属性名=”属性值”></标签名>

<标签名 属性名=”属性值”  属性名=”属性值” 属性名=”属性值”/>

3.HTML代码格式

任何的空格和回车在代码中不起任何作用

用于排版

4. HTML 中的颜色设置

a)      全是英文: red green yellow white blue black pink purple.....

b)      使用六位的十六进制的数

 #000000 - #ffffff

请书写颜色值的时候带上#号

 5. HTML注释 和 文档声明

注释的特点

A.注释不会显示在浏览器上

B.对代码的注解

C.注释有利于团队开发

D.注释是用于快速恢复记忆

E.注释不能嵌套

文档声明

<!DOCTYPE html > 

6主题结构

技术分享

7 实体(特殊字符)

   &lt; <

   &gt; >

   &nbsp; 空格

   &copy;?

   &yen; ¥

   &quot; ‘’

 8. HEAD 头部分元素

 Title ---  代表html文档的标题

 Meta --- 代表用于定义文件信息的名称和内容

 Link --- 当在文档中声明外部资源的时候使用此标签

 Style--- 在文档中使用样式表的时候

 Script --- 在文档中使用JavaScript的时候

 Base  将相对地址转换为绝对地址

<!-- 将相对路径 转换为绝对路径 -->

            <base href="http://www.baidu.com">

 相对路径

./css.css

  按照你当前位置的内容开始算 

例如:我在101直播间

 ./ 当前位置

../ 上级目录

 

 绝对路径   

从头找到尾

  例如:地球中国北京昌平回龙观育荣教育园区 oto直播间 101室

http://www.baidu.com

 

 9. 格式标签

① <br/> 换行标签

② <hr/> 水平分割线标签

③ <p></p> 段落标签

④ <pre></pre> 按原格式显示标签

⑤ <li></li> 每个列表标签

⑥ <ul></ul> 无序列表

⑦ <ol></ol> 有序列表

10.文本标签

  1. <hn></hn> 标题字标签  n为1-6的数字 表示定义6级标题 而且会自动换行
  2. <i></i>  斜体字标签
  3. <u></u> 下划线标签
  4. <b></b> 字体加粗标签
  5. <sub></sub> 下标字体标签
  6. <sup></sup>  上标字体标签
  7. <em></em> 表示强调 通常为 斜体字 
  8. <strong></strong> 表示强调 通常为粗体字
  9. <small></small> 小型字体标签
  10. <big></big>  大型字体标签
  11. <tt></tt> 打字机字体

 

html5 01 随记

标签:十六进制   列表   tle   文件   记忆   html 标签   随记   主题   head   

原文地址:http://www.cnblogs.com/ygsjm/p/7236888.html

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