写给Android开发者的HTML基础
2016-07-25 小文字
前言
随着全栈工程师的兴起,工作之外掌握其他的开发技术变得越来越重要;本文简单讲介绍一些HTML里的必知必会知识点。
HTML页面构成
一个html页面的结构如下:
<!DOCTYPE html>
<html>
	<head></head>
	<body></body>
</html>
第一行是文件标识,代表页面是html;第一个标签是html,head中是一些头信息,比如title,link等,body中放的是具体的页面元素。
HTML常用标签及含义
作为标记语言,html有一些原生的标签需要掌握,这类似于其他任何GUI编程中的UIKit,比如Andorid中TextView,FrameLayout等等;
- <h1></h1>,h2...h6标题标签
- <p></p>段落标签
- <span></span>样式标签,用于在一段文本之内指定某一节文本的样式,类似于andorid中Spannable
- <a></a>超链,超链的可以包裹一个div使得整个div点击能跳转
<a href="https://avenwu.net">
	<div style="width:100px;height=100px;background-color:red;">
		<p>这是一段文字</p>
	</div>
</a>
- <img></img>图片标签
- <ol></ol>排序列表标签,ordered list
- <ul></ul>无序列表标签,unordered list
- <li></li>列表标签条目,list item
<ol>
	<li>A</li>
	<li>B</li>
	<li>C</li>
</ol>
<ul>
	<li>张三</li>
	<li>李四</li>
	<li>王五</li>
</ul>
- <strong></strong>强调,会加粗文字
- <em></em>重要,会使文字斜体
- <!-- 被注释内容 -->注释
- <table></table>表格
- <tr></tr>行 table row
- <td></td>单元格,table data
- <thead></thead>表头
- <th></th>表头行
- <tbody></tbody>表格body
- <div></div>divide区域
常用属性
- font-size字号
- font-family 字体
- color颜色
- background-color背景色
- text-align文本对齐
- float对齐方式
- clear和float经常上下结合使用
小结
html还有很多其他常用表情,这里没有一一列举;