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 许可协议进行许可,转载请注明出处!