Html基础（一）

来源：互联网发布：淘宝店的销量怎么提高编辑：程序博客网时间：2024/05/17 22:18

Html基础（一）

1.web概述

网页保存在服务器上，运行在浏览器上。

（1）创建WEB项目的步骤：

a.选择javaEE试图：在eclipse右上角点击javaEE

b.选择jar包:在创建maven项目最后一步选择war

c.解决报错：展开项目，右键单击选择Deployment,右键点击Generate.....

2.XML与Html的区别

（1）XML（Extensible MarkUp Language）可扩展自定义标记语言

用来存储活传输数据，标签、属性、嵌套关系都可以扩展运用Dom4J来读取XML文件

（2）Html:（Hyper Text Markup Language）超文本标记语言

标签、属性、嵌套关系都是固定的（W3C规定）

用来显示数据，某些版本是严格遵守xml规范的，可以将html理解为语法固定的xml

3.HTML简介

（1）HTML是一种纯文本类型的语言，用来设计网页的标记语言，以.html或者.htm为后缀，由浏览器解释执行，Html页面上，可以嵌套用将本语言编写的程序段

（2）html的注释为,注释不可以嵌套

4.html 文档类型

（1）<!DOCTYPE>不是html标签，它可以为浏览器提供一项信息（声明）HTML是用什么版本编写的，帮助浏览器正确的显示页面。例：<!DOCTYPE html>

（2）head元素

是所有头部元素的容器，可声明元信息

（3）<title>元素

定义浏览器工具栏中的标题

（4）<meta>元素

提供关于HTML文档的元数据

例：

<!DOCTYPE html>

<html>

 <head>

<meta charset="utf-8">

<title> 标题1</title>

</head>

</html>

5.文本元素

（1）标题元素：<h#> </h#>

（2）段落元素：<p> </p>

（3）列表元素：无序列表：<ul></ul> 有序列表：<ol></ol> <li></li>用于指示具体的列表内容

（4）分区元素：<div></div>

（5）行内元素：<span></span>可用作文本的容器

<i></i>用来定义斜体字； <em>用来定义着重字；<del>用于定义带删除线的文字；<u>用于定义带下划线的文字 <br>在任何地方创建手动换行

（6）实体引用：空格：&nbsp 小于号：&it 大于号：&gt

（7）空格折叠原则：默认情况下，html中多个空格，多个制表符，多个换行符会压缩成单个空格，即只显示一个空格

6、图像和超链接

（1）图像

a.图像元素

使用<img>元素将图像添加到页面，必须属性：src 常用属性：width,height

b.路径：

绝对路径：写出图片保存位置的完整路径。这种方式将路径写死了，一旦软件上线，主要修改项目存放的位置甚至操作系统，否则所有图片的路径就都错了

相对路径：写出图片和网页的相对位置即可。软件上线时，无论项目存放在哪里。图片和网页的相对位置不会变

例：图片和网页平级：<img src='01.jpg'/>

图片在网页下级：<img src='i/02.jpg'/>

图片在网页上级：<img src='../images/04.lpg'/>

（2）超链接

使用<a>元素创建一个超链接 <a href='链接' target=''>文本</a>

其中：href:链接URL target:目标打开方式，可取值为_blank,_self等

（3）锚点：

是文档中某一行的一个记号，用于链接到文档中的某个位置

定义锚点：<a name="anchorname1">锚点</a>

回到锚点：<a href="#anchorname1">回到锚点</a>

顶部默认是锚点，没有名字：<a href="#">顶部</a>

阅读全文

0 0