20170710 html基础 (from w3school)

点我看Demo

今日所触:
描述 示例
超链接,中间可以包一串文本也可以包一张图片<img src="xx" /> <a href="url">xx</a>
使用 Target 属性,你可以定义被链接的文档在何处显示 <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
a标签的name 属性规定锚(anchor)的名称,当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接 <a name="label">锚(显示在页面上的文本)</a>
您可以使用 id 属性来替代 name 属性,命名锚同样有效。 ?
请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://www.w3school.com.cn/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.w3school.com.cn/html/" -
假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。 -

20170703 html基础 (from w3school)

点我看Demo

今日所触:
描述 示例
没有下划线的链接 style="text-decoration:none"
外部样式表,即所谓的css <link rel="stylesheet" type="text/css" href="mystyle.css">
内部样式表,即style标签括住的东西 <style type="text/css"> h1 {color: red} </style>
内联样式,即在标签中使用样式属性 <p style="color: red; margin-left: 20px"> xxxx </p>
style标签里的属性media,用于为不同媒介规定不同样式 <style type="text/css" media="screen, print">
<div> 可定义文档中的分区或节,可以把文档分割为独立的、不同的部分。<div> 是一个块级元素。这意味着它的内容自动地开始一个新行 <div>xxx</div>
可以对同一个 <div> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素 <div class="news"></div><div id="iiid"></div>
<span> 用来组合行内元素,span没有固定的格式表现,当对它应用样式时才会产生视觉上的变化 <p class="tip"><span>提示:</span>... ... ...</p>

20170702 html基础 (from w3school)

点我看Demo

今日所触:
描述 示例
<hr /> 标签在 HTML 页面中创建水平线 <hr />
HTML注释 <!-- This is a comment -->
如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签 <br />
style 属性提供了一种改变所有 HTML 元素的样式的通用方法,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义 <p style="font-family:verdana;color:red">这是段落。</p>
pre 标签下的文本保留了空格,很适合显示计算机代码 <pre> xxxx </pre>
code 元素不保留多余的空格和折行:如需解决该问题,您必须在 pre 元素中包围代码 <code><pre>xxx</pre></code>
有一种注释叫条件注释,可定义满足某个条件之下才会执行所包着的代码 <!--[if IE 8]> xxxxx <![endif]-->

延伸阅读:改变文本的外观和含义 这里面介绍到html标签总体可以分成两类:基于内容的样式(content-baseed style)和物理样式(physical style)。基于内容的样式这part有点儿意思,如果是写类似于wiki之类的页面,可能有用。其他吧,现在都是用css来做全面控制了。

20170630 html基础 (w3school)

以前有看过,现在温习一遍

点我看Demo

marks examples
HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的 <h1>This is a heading</h1>
HTML 段落是通过 <p> 标签进行定义的 <p>This is a paragraph.</p>
HTML 链接是通过 <a> 标签进行定义的 <a href="http://www.w3school.com.cn">This is a link</a>
HTML 图像是通过 <img> 标签进行定义的 <img src="w3school.jpg" width="104" height="142" />

以下两个手册尚未实践:

完整的HTML标签参考手册

HTML标准属性参考手册