学习笔记:
一、什么是Html?
HyperText Markup Language,超文本标记语言
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
二、语法
<!Doctype > :一种标准通用标记语言的文档类型声明,用于告诉标准通用语言标记解析器,它应该使用什么样的文档类型定义(DTD)来解析文档
<html>...</html>:html容器,可以在其中书写html正文部分
<head>...</head>:里面的内容用于对文档的说明,如对语言类型,编码方式等的说明
<body>...</body>:里面的内容是用于表现文档,如需要展现的内容等
三、规则
1. 标签只能层层嵌套,组标签包含另一组标签,不可交叉嵌套书写
2. 空元素必须要有结束标签
四、常见简单标签
<br/> 换行
<hr/> 横线
<h1~h6>...</h1~h6> 标题,从大到小,h1最大,h6最小
<strong>...</strong> 强调(效果:加粗)
<em>...</em> 强调 (效果:斜体)
<mark>...</mark> 几乎和内容无关,就是为了标示(匹配搜索项,拼写错误等)(效果:标签内内容底色标黄
<p>...</p> 段落
<div>...<div> 段落,没有语意,主要用作容器
<img ... > 图片标签,可在标签内设置图片地址,高宽及鼠标事件
<dl><dt></dt><dd></dd></dl> 列表,dt为标题,dd为内容,可写多个dd
<ol><li></li></ol> 有序列表,li为内容,可添加多个li,呈现是会带有有序编号
属性:1.reversed 设置编号为降序排列(html5支持)
2.start 规定编号起始值
3.type 规定编号类型,可以是:1,A,a,I
如:<ol start="D" type="A" reversed>...</o>
<ul><li></li></ul> 无序列表,li为内容,可添加多个li,呈现是会带有黑点等标记
属性:type 规定标记样式,可以为disc(黑圆点),square(黑方块),circle(空心圆)
<a href="网页地址",target="打开方式"> 插入超链接(打开方式:_blank【新页面打开】,_self【当前页面打开】,_parent【父框架打开】,_top【顶端打开】,framename【指向某一单独窗口】)
<button>...</button> 按钮
<table>...</table> 表格
!!!请尽量遵循语意化的原则来使用标签