什么是HTML?
HTML是用来描述网页的一种语言
HTML指的是超文本标记语言:HyperText Markup Languafe
HTML不是一种编辑语言,而是一种标记语言
HTML使用标记标签来描述页面
HTML文档包含了HTML标签及文本内容
HTML文档也叫做web页面
第一个网页
文档标记 | <!doctype html> | |
头部标记 | <head></head> | meta charset="uft-8" 文档解码 |
主题标记 | <body></body> |
浏览器内核
Trident(IE内核)
Gecko(Firefox内核)
Webkit(Safari内核,Chrome内核,开源)
常用标签
p标签:段落标签,块元素
img标签:图片标签,行内块元素
width/height | 宽高 |
title | 鼠标经过显示 |
alt | 图片替代文本 |
src | 绝对路径:https://xxxx 相对路径:xxxx.jpg |
<h1>-<h6>标签:标题标签,块元素
<br>换行标签
<a>超链接
快捷键
ctrl+k | 格式化代码 |
ctrl+shift+R | 快捷复制上一行 |
ctrl+/ | 注释 |
ctrl+F | 搜索 |
ctrl+] | 给选中的加一个标签 |
ctrl+shift+e | 实现修改外部标签 |
shift+tab | 去除缩进 |
标签
ul>li 无序列表
ol>li 有序列表
dl>dt>dd 定义列表
div 块元素(block),支持宽高,自动换行,可以包裹全部标签
span 行内元素(inline),不支持宽高,不换行
marquee 滚动标签 behavior 行为 direction 方向
pre 预定义格式化文本标签
<b> 样式加粗 <strong> 强调和样式加粗
<i> 样式倾斜 <em>强调和样式倾斜
<sub> 下标 <sup> 上标
<font color size> 字体大小和颜色
<hr width="" color=""> 水平线
HTML特殊符号
<; | < |
> | > |
| 空格 |
超链接:
<a href='页面路径' target='目标' _blank 空白窗口打开
锚链接:
设置锚点 id=xxx
跳转锚点<a href='#xxx'></a>
iframe 框架
frameboeder='0/1' 是否有框架
<iframe src='页面路径' scrolling='yes/no' 滚条 broeder='0/1' width='' height='' >行内块元素
frameset 框架集
body与frameset不能同时使用
<frameset cols=''>按列分 <frame src='路径'> <frameset rows=''>按行分