- 第一章 HTML
- 什么是html?
超文本标记语言,标记也可以称作标签或者元素
目前网络上使用最广泛之一;主要基石
是一个描述性文本,浏览器通过这个描述性文本和呈现网页
之所以被称为超文本语言是因为它拥有所谓得“超级链接”和媒体文件
可以展示文字,表格,声音,图像,动画等等
- 特点:
- 简单灵活
- 可扩展性强
- 平台无关性(eg:苹果安卓系统都一样)
- 第二章 环境地配置以及浏览器的介绍
- 运行环境:有浏览器即可 (推荐Goole)
- 开发环境:有记事本工具即可
- 2.1 什么浏览器?
是渲染和呈现网页的软件
- head标签中内容一般是浏览器所需要的信息
- body标签中一般书写的网页的具体内容
- charset是meta标签属性 定义字符
- 布尔型标签: 只要写了就自带效果 eg: checked
- 常用的字符集:gbk是GB2312的补充 BIG5繁体中文 UTF-8是通用字符集 GB2312简体中文
- HTML的语法结构
- 标签通常是由开始标签和结束标签构成,自结束标签例外
- 标签可以有属性,属性必有值
- 开始标签和结束标签之间包括的内容成为区域
- 标签不区分大小写( <p> </p>)
- 行内标签:指他只修饰被包括的内容;不能直接支持宽高属性
- 块标签: 沾满一行,即使内容不够,并且支持宽度属性
- 网页的分类
- 静态网页:是指不修改源码的前提下,无论何时何地去访问都将显示相同内容 (后缀名通常为html htm)
- 动态网页:通过用用户提交的信息给网站,而反馈出的页面结果(后缀名通常为 asp aspx js php)
- 第三章 HTML的编写
- 常用标签
- <head>里的标签
- <title>……</title> 标题标签(写在<bead>里)
- <body>里的标签
- <b>…… </b> <strong>…… </strong> 粗体标签(加强语气)
- <i>……</i> <em>……</em> 斜体标签
- <del>……</del> 删除线标签(划掉)
- <u>……</u> 下划线标签
- ……<br> 换行标签(自结束标签)
- <p>……</p> 段落空行标签(上下都会)
- <pre>……</pre> 内容与网页内容保持一致(也就是区域内容什么样就是什么样)格式化内容
- <span>……</span> (行内标签) eg:<span style="color: green:"> 哈哈哈</span> 则显示的”哈哈哈“为绿色
- <div>……<div> (块标签) a<div style="border: 1px solid red;height: 400px;">11111<div> )
- <sub> 下标标签 o<sub>2<sub> 表示氧气化学式
- <sup> 上标标签 10<sup>5<sup> 表示10的5次方
- <hr wrdth="100">
- <hn> 只有h1-h6 级别逐一降低
- 标签里可以嵌套标签
ff表示透明
语义化标签
语音化标签好处
- 第四章 多媒体标签
4.1 img标签 (image的缩写,代表图片)
- 常用图片的格式
- bmp: Windows专有的图片格式,本身不进行压缩,清晰度略略的低于png
- 第一章 HTML
- 什么是html?
超文本标记语言,标记也可以称作标签或者元素
目前网络上使用最广泛之一;主要基石
是一个描述性文本,浏览器通过这个描述性文本和呈现网页
之所以被称为超文本语言是因为它拥有所谓得“超级链接”和媒体文件
可以展示文字,表格,声音,图像,动画等等
- 特点:
- 简单灵活
- 可扩展性强
- 平台无关性(eg:苹果安卓系统都一样)
- 第二章 环境地配置以及浏览器的介绍
- 运行环境:有浏览器即可 (推荐Goole)
- 开发环境:有记事本工具即可
- 2.1 什么浏览器?
是渲染和呈现网页的软件
- head标签中内容一般是浏览器所需要的信息
- body标签中一般书写的网页的具体内容
- charset是meta标签属性 定义字符
- 布尔型标签: 只要写了就自带效果 eg: checked
- 常用的字符集:gbk是GB2312的补充 BIG5繁体中文 UTF-8是通用字符集 GB2312简体中文
- HTML的语法结构
- 标签通常是由开始标签和结束标签构成,自结束标签例外
- 标签可以有属性,属性必有值
- 开始标签和结束标签之间包括的内容成为区域
- 标签不区分大小写( <p> </p>)
- 行内标签:指他只修饰被包括的内容;不能直接支持宽高属性
- 块标签: 沾满一行,即使内容不够,并且支持宽度属性
- 网页的分类
- 静态网页:是指不修改源码的前提下,无论何时何地去访问都将显示相同内容 (后缀名通常为html htm)
- 动态网页:通过用用户提交的信息给网站,而反馈出的页面结果(后缀名通常为 asp aspx js php)
- 第三章 HTML的编写
- 常用标签
- <head>里的标签
- <title>……</title> 标题标签(写在<bead>里)
- <body>里的标签
- <b>…… </b> <strong>…… </strong> 粗体标签(加强语气)
- <i>……</i> <em>……</em> 斜体标签
- <del>……</del> 删除线标签(划掉)
- <u>……</u> 下划线标签
- ……<br> 换行标签(自结束标签)
- <p>……</p> 段落空行标签(上下都会)
- <pre>……</pre> 内容与网页内容保持一致(也就是区域内容什么样就是什么样)格式化内容
- <span>……</span> (行内标签) eg:<span style="color: green:"> 哈哈哈</span> 则显示的”哈哈哈“为绿色
- <div>……<div> (块标签) a<div style="border: 1px solid red;height: 400px;">11111<div> )
- <sub> 下标标签 o<sub>2<sub> 表示氧气化学式
- <sup> 上标标签 10<sup>5<sup> 表示10的5次方
- <hr wrdth="100">
- <hn> 只有h1-h6 级别逐一降低
- 标签里可以嵌套标签
ff表示透明
语义化标签
语音化标签好处
- 第四章 多媒体标签
4.1 img标签 (image的缩写,代表图片)
- 常用图片的格式
- bmp: Windows专有的图片格式,本身不进行压缩,清晰度略略的低于png