java基本代码html_JavaWeb基础HTML

1.什么是HTML？

HTML是一种超文本标记语言

超文本：比普通文本功能更加强大

标记语言：使用一组标签对内容进行描述的语言。不是编程语言，直接被浏览器所解析。

2.HTML能用来干什么？

HTML用来编写网页，平时上网通过浏览器我们看到的大部分页面都是由HTML编写的

网页内容包括：HTML代码、CSS代码、JavaScript代码等内容。

HTML代码：用于展示需要显示的数据

CSS代码：使显示的数据更加好看

JavaScript代码：使整个页面显示的数据具有动画效果

网页根据内容是否改变可分为：静态页面和动态页面

静态页面：编写之后在浏览器不会再改变的网页。HTML就是用于编写静态网页的

动态页面：会根据不同的情况显示不同的内容，如：登录成功的用户名显示

3.HTML语言的特点

HTML不需要编译，直接使用浏览器就可以阅读

HTML文件的后缀名都是.html或者.htm

HTML结构都是由标签组成

标签预先定义好，我们只需要了解其功能即可

标签不区分大小写

通常标签都是由开始标签和结束标签组成

如果没有结束标签，建议用/结尾。如：

4.HTML创建模板

这里用来表示标题！

这里用来表示网页的身体！

一般的一个最简单的HTML模板就是由

标签和标签来书写的，标签里面用来书写的是该网页的标题，需要用来声明，要不然标题在中无法显示，标签里面用来写的是网页的内容.

5.常用标签

5.1标题标签：

eg:

标题一

 

标题二

      这里字体大小依次递减一直到

5.2分隔线标签：

---

    换行标签
    段落标签

5.3字体标签：

用来设置字体的尺寸、字体的颜色。

size属性：用来设置字体的大小，可取的值在1至7范围内，依次增大，浏览器的默认值是3。

color属性：用来设置字体的颜色，颜色表示方式有两种，一种是红绿蓝三原色，另一种是英文单词

5.4格式化标签： 粗体   斜体    标签内部可嵌套

eg:空山新雨后

天气晚来秋

5.5图片标签：

    在HTML页面中引用一张图片

src:指定需要显示的图片的URL(路径)

alt:图片无法显示时的替代文本

width:设置图像的宽度

height:设置图像的高度

title:用来设置当光标移动到上面所显示的内容

    eg:

5.6列表标签：

• 和

1. 1. :定义有序列表

type类型：取值A，a,I,i,1等

• :定义无序列表

type类型：取值disc实心圆，square方块，circle空心圆

:定义列表项，是

• 和

1. 的子标签

5.7超链表标签

标签是超链接，是在HTML中提供了一种可以访问其他位置的实现方式

href:用来确定需要显示页面的路径(URL)

target:确定是以哪种方式来打开href中所设置的页面。通常取值_blank和_self;

_blank:在新窗口打开href中指定的页面

_self:在当前页面直接进行替换(默认)

5.8表格标签

HTML表格由	、
组成 border:表格表框的宽度 width:表格的宽度 cellpadding:单元边沿与其内容之间的空白 cellspacing:单元格之间的空白 bgcolor:表格的背景颜色
标签用来定义表格的单元格(一个列) colspan:单元格可横跨的列数 rowspan:单元格可横跨的行数 align:单元格内容的水平对齐方式，取值有left,right,center nowrap:单元格中的内容是否折行	标签用来定义表头。单元格内的内容默认居中，加粗 5.9框架标签 标签，是个窗口页面整合在一起的集合(框架集)，每一个页面都是一个单独的文档，需要使用子标签来确定页面的位置。通过列和行来确定整体布局，使用clos确定列数，rows确定行数。多个可以嵌套使用。 注： 和连个不能共存 框架子标签： 标签，用于设置 框架集合中的一个页面 src属性：确定页面的路径 noresize属性：框架分割先不能移动 target属性：确定需要显示的页面在何处显示 框架标签 小结：对于HTML的内容，在于对各个标签的记忆，在使用过程中嵌套使用不同的标签可以呈现不同的效果，掌握程度只要能看懂前端的代码描述，懂得基本运用即可。