
HTML基础知识点。
块级元素和行内元素
块级元素(常用)
- 标题 :
<h1>~<h6> - 水平线:
<hr>、 文本行:<p> - 列表
- 有序列表:
<ol></ol> - 无序列表:
<ul></ul> - 自定义列表:
<dl></dl>
- 有序列表:
- 表格:
<table></table> - 表单:
<form></form> - 常用块级容器:
<div></div>
块级元素特点:
- 高度、宽度都可控
- 宽度默认为100%
- 块级元素中可以包含块级元素和行内元素
- 都有align属性
行内元素
- 链接:
<a></a> - 换行:
<br> - 加粗:
<b></b>、<strong></strong> - 图片:
<img> - 上标:
<sup></sup>、 下标:<sub></sub> - 斜体:
<i></i>、<em></em> - 删除线:
<del></del>、 下划线 :<u></u> - 输入框:
<input></input> - 多行文本:
<textarea></textarea> - 下拉列表:
<select></select> - 内联容器,定义文本内区块:
<span></span>
行内元素特点
- 高、宽、内边距不可控
- 宽高就是内容的高度,不可以改变
- 行内元素只能行内元素,不能包含块级元素
- 没有align属性
引用文件相对路径写法(这里以图片为例)
同级引用(图片和html在同一目录)
1 | |— abc.jpg |
格式:
1 | <img src="abc.jpg"> |
上找下(图片的文件夹和html在同一目录)
1 | |— img |
格式:
1 | <img src="img/abc.jpg"> |
下找上(图片和html的文件夹在同一目录)
1 | |— abc.jpg |
格式:
1 | <img src="../abc.jpg"> |
常用转义字符
- 空格:
- 右尖括号(>):
> - 左尖括号(<):
< - 备案标识(©):
©
表格
表格基本结构
1 | <table> |
表格属性
- width: 表格的宽度
- height: 表格的高度
- border: 表格的边框
- bordercolor: 边框的颜色
- cellspacing: 单元格之间的间距
- cellpadding: 单元格内边距
- align:水平对齐
- left
- right
center
- valign:垂直对齐
- top
- bottom
middle
常见名词
HTML
超文本标记语言 (Hyper Text Markup Language) www万维网的描述性语言。
XHTML
可扩展超文本标记语言(标识语言)(EXtensible HyperText Markup Language)是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。
W3C
( World Wide Web Consortium )万维网联盟,创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构;是专门负责网络标准制定的非赢利组织,制定了结构标准(xhtml,xml)和样式标准(css)。
ECMA
ECMA:欧洲电脑网商联合会(厂商协会),制定了行为标准(js);
- 本文链接: https://anyway521.github.io/post/bac182fe.html
- 最后更新:
- 版权声明: 博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议进行许可,转载请注明出处!

