开始了

这段时间实在是太闲了,公司没有什么大需求,打算在近期学习一下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元素: 我的作用就是表示一般性的文本,没有特殊效果

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,854评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,200评论 19 139
  • 上一章:小小二三事(二) 目录 “哈哈哈,有趣的丫头。这聚魄丹你已服下,我这俩天就将你的肉身修复好。这期间你能否留...
    蜜豆喵阅读 293评论 0 1
  • 在用Excel处理数据时,根据某种条件筛选出匹配的数据是一项常见的需求。 Excel自动筛选工具可以按照日期、字体...
    罂粟姐姐阅读 52,576评论 8 90
  • 3月底4月初,春暖花开,经过春雨的滋润,大地开始孕育千万生灵,在山里有一种特殊的植物,正在泥土下酝酿着,时刻准备破...
    鱼尾有纹阅读 462评论 0 1