这段时间实在是太闲了,公司没有什么大需求,打算在近期学习一下H5,必经感觉自己只会OC技能比较单一,纯属个人笔记,不做其他用途
<!DOCTYPE html>文档声明,告诉计算机这是一个HTML5文档。
<html> </html> 双标签,所有的文档内容均包含在这个标签里面。
<head> </head> 不可见内容,包含文档标题、字符编码等。
<body> </body> 可见内容,图片、文本表单等所有可见内容
<!DOCTYPE html> <!-- 文档声明 -->
<html> <!-- 表示文档的开始 -->
<head> <!--head标签存放文档的基本信息,不可见元素 -->
<meta charset="utf-8"> <!-- 声明字符编码 -->
<title>测试</title> <!-- 声明文档标题 -->
</head>
<body> <!-— body标签存放文档可见内容 -->
好无聊啊,好无聊啊,好无聊啊
</body>
</html> <!-- 表示文档结束 -->
</br>
</br>
开始标签 元素内容 结束标签
<h1> h标签用来表示标题 </h1>
<p> p标签表示一个段落 </p>
<hr> 我是一个单标签,我会给文档加一个横线 *注意我没有结束标签哦!
属性的语法:<标签 属性1=参数1>
注意空格的使用
(1)align属性:我的作用是指定内容的对齐方式,left:左对齐(我是默认值哦);right:右对齐;center:居中对齐
(2)bgcolor属性:我的作用是添加一个背景颜色
掌握常用的文本元素
文本元素,就是讲一段文本设置成相匹配的结构和含义
-
b元素: 我的作用就是 加粗文字;
-
br元素: 我的作用就是强制换行;
-
i元素: 我的作用就是让 文字倾斜;
-
del元素: 我的作用就是 删除文子
-
strong元素: 我的作用是强调一段文本我的实际作用也是加粗文字.
-
wbr元素: 我的作用是表示安全换行Theshiyigehenchanghenchangdedanci.
再来对比一下没有安全换行的文本Theshiyigehenchanghenchangdedanci.
-
em元素: 我的作用是强调,我的实际作用也是让文字倾斜
-
s元素: 我的实际作用就是 删除线;从语义上来看,表示不准确的删除。
-
u元素: 我的实际作用就是 给文字加下划线
-
ins元素: 我的实际作用也是 给文字加下划线;从语义上来看,是添加一段文字,起到强调作用。
-
small元素: 我的作用是 添加小号字体 ,从语义上来看,用于免责声明和澄清声明。
-
sub和sup元素:我们的作用就是添加下标和上标: sub表示下标:HTML5;sup表示上标我的房子100m2
-
dfn元素: 我的作用从语义上看表示定义术语,是对一个词或短语的解释,实际效果就是倾斜文本
-
abbr元素: 我的作用是表示一段文本的缩写,在文本显示上没有任何实际效果,比如WTO
-
q元素: 我的作用从语义上看表示引用来自其他地方的的内容, 我的实际作用就是给文本加上双引号
-
code等元素: code元素用来表示计算机代码片段;function(){}
var元素用来表示编程语言中的变量; num
samp元素表示程序或计算机的输出您没有权限浏览该网页
kbd元素表示某部分内容是由用户利用键盘输入如:请按Enter键
这几个元素属于英文范畴,必须将lang="en",英语才能体现效果。
-
ruby元素: 我的作用是表示位于表意文字上方或右方的注音符号 英 (ying) 雄(xiong)***不常用,浏览器支持不太好,很多浏览器不支持此功能
-
cite元素: 我的作用从语义上来看就是表示引用其他作品的标题。 实际效果就是加粗文本
-
bdo元素: 我的功能是设置文字方向,必需使用dir属性才可以设置,共两个值,rtl(从右到左);ltr(从左到右)默认为ltr
rtl就是从右到左,即:right to left -
mark元素: 我的作用是突出显示文本,用于记号, 我的实际作用就是加上一个黄色的背景。
-
time元素: 我的作用从语义上来看就是表示日期和时间,例如 2015-9-18
-
span元素: 我的作用就是表示一般性的文本,没有特殊效果
网友评论