今天因为要接手大数据改版的东西,先来学一下HTML相关的知识。
HTML不是编程语言,是标签语言。
1. 基础
标题:通过<h1>~<h6>定义 <h1>这是一个标题</h1>
段落:通过<p>来定义 <p>这是一个段落<p>
超链接:通过<a>来定义 <a href=“www.xxxx.com”>这是一个超链接<a/> 在href属性中指明链接地址
图像:通过<img>来定义 <img src="tupian.png" width="104" hight="24">
2.元素
<h1>这整体叫一个元素
是这么说的。看下面的图,说<html>元素内容包含一个<body>元素,而<body>元素内容包含一个<p>元素
空元素,指没有内容的元素,如<br/>换行符。 这叫做 在开始标签中关闭标签
3. 属性
属性是标签的附加信息。 比如超链接那里的
这里注意两点:第一,属性内引用, 这时候属性值要用单引号。 比如‘Im "MIKE" blabla’
第二,使用小写属性。(这里包括标签,都要使用小写)
4. 标题
之前在基础篇里面说过。h1定义最大的标题,h6定义最小的标题。 浏览器会自动在标题前后添加空行,并且用粗体显示。
<hr>标签定义一个水平线 ————————————————————
5. 段落
段落前后,自动添加空行。 最终Web页面的显示中,会忽略<p>元素内容中的排版。
6. 文本格式化
这里主要是说对文本进行格式编辑,比如常见的粗体,斜体,上标下标等。
<b>粗体 BOLD 现在用<strong>
<i>斜体 ITALIC 现在用<em> (emphasize)
<sub>下标 <sup>上标
具体有很多,需要用到的时候去查一下
7.链接
target属性,不写的时候就是直接跳转,写了<a href="" target="_blank">就是在新标签打开
id属性 这里可以这样添加, <a id="Tips">这是有用的Tips<a/> <a href="#Tips">访问之前的Tips<a/>
注意, 这里始终添加 / 到子文件夹路径。 href= "www.a.com/b/" 一定要有最后的/,不然会产生两次HTTP请求,影响效率。