HTML5 Lesson1(翁凯)

Was ist HTML ?

超文本链接Hypertext link
超文本标记语言Hypertext Markup Language——HTML
超文本传输协议Hyper Text Transport Protocol——HTTP 

 

软件准备   文本编辑器TextWrangler  写html文件

                  浏览器Safari            打开html文件

 

html基本标记

<html>  html页面 </html> 

<head> 配置项 </head>     <title>  页面标题 </title>

<body> 正文 </body>

<!DOCTYPE html>说明这是html5

<meda charset=utf-8>说明编码类型为utf-8    utf-x(Unicode)能识别文字种类较GBxxxxx(国标码)更丰富

 

第一个html框架

<!DOCTYPE html>
<html>
<head>
    <title> sniperlr</title>
    <meda charset=utf-8>
</head>
<body>
我的第一个html页面        
</body>
</html>

对应html文件用safari打开:

 

 

段落标记

<p> 一个段落</p>  段之间有一个空行 

<br> 段内分行 (不空行)    break

<h1>一级标题</h1> html5可有6级标题 数字越大 级别越低  标题单独成行

<wbr>如果需要 把行末过长单词分行 </wbr>       word break

<!DOCTYPE html>
<html>
<head>
    <title> sniperlr</title>
    <meda charset=utf-8>
</head>
<body>
<hgroup>
<h1>没有期待的日子</h1>
<h2>蒙志合</h2>
</hgroup>
<p>
我最希望的是,每一个人都能自由地选择自己的做事方式,都能作为真正的自己。<br>我怎么可能愿意去影响别人的选择。
</p>
<p>
Heutige Chinesen suchen unbewusst nach dem Gefühl der Geborgenheit und der körperlichen, seelischen sowie geistigen Zugehörigkeit. Besonders die Wanderarbeiter und ihre zurückgelassenen Kinder vermissen dies. Vielleicht können die hier gezeigten Projekte mit Schülern eines südchinesischen Bergdorfes dabei helfen, diesen Kindern eine eigene Kultur und damit seelische Geborgenheit sowie ein Zugehörigkeitsgefuehl zu geben bzw. zu kreieren, ohne dabei irgend etwas vorzugeben oder zu fordern. Denn Freude und Leidenschaft geben Kraft dazu, während Forderungen und Erwartungen nur lähmen.
</p>
</body>
</html>

 

 

字体样式

<b>  </b>字体加粗

<i>  </i>斜体         加粗斜体可嵌套使用

<tt> </tt> typewrite 等宽西文字体

<small> </small> 缩小字体  

<del> </del> 删除   <ins> </ins> 插入

<sup> </sup>上标  <sub> </sub>下标

<mark> </mark> 高亮

 

短语格式

<em>强调 </em>

<strong>着重 </strong>

<dfn>定义</dfn>

<code>小段代码</code>

<samp> 例子代码</samp>

<kbd>用户输入(键盘)</kbd>

<var>变量</var>

<cite>引用</cite>

 

特殊格式

<address>  地址</address>

<blockquote>大缩进</blockquote> 其后自动换行

<q>引用</q>

<pre>代码预格式化(按你在文本编辑器里的显示)</pre>

 

属性

<hr width=50% align=left size=10>  华丽的分割线   width=50%原长的一半 直接给50 50个像素点  属性间用空格分开

                        align=left分割线的位置在左边

                        size=10 分割线10个像素点宽

<abbr title='中华人民共和国'>PRC</abbr>   鼠标移到PRC上会有浮云显示中华人民共和国           单title 提示的浮云

<bdo dir=ltr>文字从左向右排 </bdo> 

&lt;小于符号   &gt;大于符号   &amp &  &nbsp 不可打断的空格

 M11

熟悉Hadoop、Spark大数据框架,有大型分布式计算开发、部署等相关经验  

熟悉Linux操作系统和开发环境

熟悉常见网络协议、数据结构和算法、面向对象的设计模式

了解数据挖掘、机器学习的概念和算法

posted @ 2017-10-03 15:53  sniperlr  阅读(117)  评论(0)    收藏  举报