java html开发_java-HTML5+CSS3开发网站

HTML

Hyper Text Markup Language(超文本标记语言)

超文本包括：文字、图片、音频、视频、动画等

标准

结构化标准语言(XHTML 、XML)

表现标准语言(CSS)

行为标准(DOM、ECMAScript )

网页编辑工具：记事本    Dreamweaver     WebStorm

HTML网页基本结构

我的第一个网页

主题部分

我的第一个网页

DOCTYPE声明

告诉浏览器，使用哪种规范来解释这个文档中的代码。DOCTYPE声明必须位于HTML文档的第一行

< meta> 标签

(推荐utf-8)utf-8 则包含全世界所有国家需要用到的字符

网页的基本标签

标题标签

~

段落标签：

换行标签：

水平线标签：

---

字体样式标签：字体加粗  字体倾斜

特殊符号：

特殊符号

字符实体

空格

大于号(>)

>

小于号(

<

引号(")

"

版权符号©

©

图像标签

语法：

超链接标签

语法：  链接文本或图像

链接文本或图像：常用值：self、blank

根据连接地址是指向站外文件还是站内文件，链接地址又分为绝对路径和相对路径

绝对路径：指向目标地址的完整描述，一般指向本站点外的文件

相对路径：相对于当前页面的路径，一般指向本站点内的文件，所以一般不需要一个完整的URL地址的形式

常用的超链接

页面间链接：从一个页面链接到另外一个页面

锚链接：从A页面的甲位置跳转到本页中的乙位置

​               从A页面的甲位置跳转到B页面中的乙位置

创建步骤：创建跳转标记(a name="marker">乙位置)

​                    创建跳转链接(甲位置)

功能性链接：电子邮件    QQ     MSN

行内元素和块元素

块元素: 无论内容多少，该元素独占一行(p、h1-h6…)

行内元素: 内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em…)

京东快速导航购物

F1

F2

F3

F4