最近在学HTML,记录一些笔记

网页组成元素:文件、图片、链接、视频、音频等等
浏览器占有率:http://tongji,baidu.com/data/browser

初识HTML

1993年初稿,1995年发表。(比Java(1996)更早出生)

HTML概述:超文本标记语言

超文本:在文本的基础上添加了一些动画、图片、音频、视频等等。

标记:标签、元素

WEB标准:

w3c组织 制定标准

结构+样式+行为(HTML+CSS+JavaScript)

HTML基本骨架:

<html>

     <head>

          <title></title>

     </head>

     <body>

     </body>

</html>

最新申明头:<!DOCTYPE html>

指定HTMl解析编码:<meta charset="UTF-8">(嵌套在head里面)

编码:(有兴趣可以上网扩展知识)

文档的保存编码必须和读取的解析编码一致,这样才不会出现乱码

ansi

unicode

utf-8

gbk

gb2312

gb18030:包含少数民族文字

标签分类:

双标签  <标签名>内容</标签名>

单标签  <标签名 />

标签关系:

嵌套关系 (父子关系)如:<head><title></title></head>

并列关系 (兄弟关系)如:<head></head><body></body>

 

常用标签

标题标签(熟记)

H系列标签:(header)

<h1></h1> <h2></h2> <h3></h3>......<h6><h6/>

给页面上的文字加上标题的语义。

特点:单独占一行,上下内容之间存在距离

将文字放大,加粗并且随数字增大逐渐变小(h1标签是最大的,一个页面上只有一个h1标签)

段落标签(熟记)

P标签:(Paragraph)

<p></p>

给页面上的一段文字加上段落的语义。

特点:单独占一行,并且与上下内容之间存在距离。

水平分割线标签(认识)

hr标签:

<hr/>

水平分隔线(单标签)

特点:默认宽充满整个浏览器

换行标签

br标签:<br/>

换行标签(单标签)

特点:没有行间距

文本格式化标签

<b></b>等

strong em ins del (建议使用)
b i u s (认识即可)

粗体

(强烈的强调)

斜体

(强调)

下划线

(插入)

删除线

()

 

原样输出标签

<pre></pre>

特点:中间的内容原样输出,保留原本的文本格式,减少代码量(字体也会稍微变化)

注意:可以导致段落断开的标签(例如标题、<p> 和 <address> 标签)不能包含在 <pre> 所定义的块里。

<xmp></xmp>

特点:可以将转义符原样输出,但W3C组织不建议,仅作了解

HTML转义字符查询网站:

http://tool.oschina.net/commons?type=2

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值