HTML
//1.HTML是什么?
HTML:hyper text markup language超文本标记语言
hyper:超级、text:文本、markup:标记、language:语言
超文本:超越文本,超链接文本
不是编程语言,而是一种标记语言
//2.HTML文档结构
2.1基本骨架
1 2 3 非关闭型:没有结束标签
1 2 3 块级标签:独占一行,显示为块状
1 2 3 内联标签:不独占一行,可与其他内容在同一行显示
1 2 3 标签 含义 < !DOCTYPE html > 声明文档类型 供浏览器解读 html 根标签,包含头部和主体部分 head 文档的头部,提供标题、文档类型、字符编码等 body 文档的主体,提供网页的显示内容 title 文档的标题 2.3基本属性 属性 含义 lang 语言,定义语言为英语:en,中文:zh-CN charset 字符集,计算机要准确处理各种字符集文字,需要进行字符编码,以便计算机能够识别和存储各种文字。 utf-8包含全世界所有国家需要用到的字符 GBK包含全部中文字符,加入对繁体字的支持 //3.常用标签 3.1 排版标签 标签 含义 说明 h1–h6 标题标签 块级标签,h1最大,h6最小 p 段落标签 关闭型块级标签,上下段落有明显间距 br 换行标签 非关闭型,内联标签 hr 水平线标签 非关闭型,内联标签 div 分区标签 一般用于布局分划,块级标签 span 范围标签 默认没有任何效果,一般用来设置特殊样式 3.2文本格式化标签 标签 含义 说明 b 文本加粗 bold strong 强调内容 显示为加粗 i 文本倾斜 italic em 强调内容 显示为斜体 s、del 文本删除线 delete u、ins 文本下划线 3.3超链接标签 用法:
文本或图像
1
属性:
href:用于指定链接目标的url地址
target:用于指定链接页面的打开方式,
_self默认值
_blank新窗口打开
1
2
注意:
外部链接需要:http://
没有确定链接目标时,href定义为#,表示该链接暂时为空链接。
图像、表格、音频、视频等都可以添加超链接
3.4图片标签
用法:
1 属性:
src:用于指定图片的url地址