html5学习笔记(一)html基础

1.2基本格式

1.    文档声明,告诉计算机这是一个HTML5 文档, 不分大小写但一般都这样写
  对比一下HTML4   的声明文档:
" http://www.w3.org/TR/html4/loose.dtd ">  
2.        双标签,所有的文档内容均包含在这个标签里面。
3.        不可见内容,包含文档标题、字符编码等。
4.          可见内容, 图片、文本表单等所有可见内容
 
 开始标签
 head标签存放文档的基本信息,不可见元素
    
  
       弹出对话框输出内容“xxx”
                             
 

                              结束标签

1.3 元素的概念与3个常用标签

HTML 元素指的是从开始标签到结束标签的所有代码。

开始标签

元素内容

结束标签

h标签用来表示标题

p标签表示一个段落


我是一个单标签,我会给文档加一个横线

*注意我没有结束标签哦!

1.5 文本元素

文本元素,就是讲一段文本设置成相匹配的结构和含义

1.b元素: 我的作用就是 加粗文字

2.br元素: 我的作用就是强制换行;在同一个段落要换行用这个

3.i元素: 我的作用就是让 文字倾斜

4.del元素我的作用就是 删除文子

5.strong元素我的作用是强调一段文本我的实际作用也是加粗文字.

6.wbr元素: 我的作用是表示安全换行Theshiyigehenchanghenchangdedanci. 

再来对比一下没有安全换行的文本Theshiyigehenchanghenchangdedanci. 

7.em元素: 我的作用是强调,我的实际作用也是让文字倾斜 

8.s元素我的实际作用就是 删除线;从语义上来看,表示不准确的删除。

9.u元素: 我的实际作用就是 给文字加下划线 

10.ins元素: 我的实际作用也是 给文字加下划线;从语义上来看,是添加一段文字,起到强调作用。

11.small元素: 我的作用是 添加小号字体 ,从语义上来看,用于免责声明和澄清声明。

12.sub和sup元素:我们的作用就是添加下标和上标: sub表示下标:HTML5;sup表示上标我的房子100m2

13.dfn元素: 我的作用从语义上看表示定义术语,是对一个词或短语的解释,实际效果就是倾斜文本

14.abbr元素: 我的作用是表示一段文本的缩写,在文本显示上没有任何实际效果,比如WTO 

15.q元素: 我的作用从语义上看表示引用来自其他地方的的内容, 我的实际作用就是给文本加上双引号

16.code等元素: code元素用来表示计算机代码片段;function(){}

var元素用来表示编程语言中的变量; num

samp元素表示程序或计算机的输出您没有权限浏览该网页

kbd元素表示某部分内容是由用户利用键盘输入如:请按Enter键 

*这几个元素属于英文范畴,必须将lang="en",英语才能体现效果。

17.ruby元素: 我的作用是表示位于表意文字上方或右方的注音符英雄yingxiong***不常用,浏览器支持不太好,很多浏览器不支持此功能

18.cite元素: 我的作用从语义上来看就是表示引用其他作品的标题。 实际效果就是文本

19.bdo元素: 我的功能是设置文字方向,必需使用dir属性才可以设置,共两个值,rtl(从右到左);ltr(从左到右)默认为ltr 

rtl就是从右到左,即:right to left 

20.mark元素: 我的作用是突出显示文本,用于记号, 我的实际作用就是加上一个黄色的背景。

21.time元素: 我的作用从语义上来看就是表示日期和时间,例如 2015-9-18

22.span元素: 我的作用就是表示一般性的文本,没有特殊效果

dir 属性规定元素内容的文本方向, 共两个值,rtl(从右到左);ltr(从左到右)默认为ltr ;

dir 属性在以下标签中无效:,
, , ,


,