您的位置：首页 > 编程语言 > Java开发

Java零基础到开发工程师之番外篇--html入门

2017-12-18 20:18 211 查看

HTML 也称为 超文本标记语言（英语：HyperText Markup Language，简称：HTML），是一种用来创建网页的标记语言。 HTML文档均用于在浏览器上显示，而支持HTML 的浏览器均为Windows式的图形用户接口（GUI）界面，因此，HTML基本结构依据这一要求而设。一个GUI的视窗通常由标题栏和窗口体作为其最基本的构成，而HTML文档结构的“head”（头部）和“body”（身体）正应于这一要求。

废话讲完了。

-----------------------------------我是分割线-------------------------------

编辑器 Hbuider （如果没有的话可以私信我，我给你安装包）1626635140

新建项目

如图所示，新建完项目之后，会出现四个文件分别是 CSS img JS index.html

点开这个index.html就可以开始编辑你的第一个网页文件了

<title>...<title> ：眼睛是心灵的窗户，对于一个网页来说，它的眼睛就是网页标题。标题用英文怎么说呢？title。

元标签<meta>

在<head>标签对内部还可以嵌套另一个重要标签，<meta>（即 META 标签或元标签）<meta>标签用来描述网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。如：

<meta http-equiv="Content - Type" content = " text/html;charset = gb2312">

其作用是指定当前文档所使用的字符编码为gb2312，也就是中文简体字符。根据这一行代码，浏览器就可以识别出这个网页该用中文简体字符显示。类似的，将gb2312换成big5,那么网页就会用繁体格式解释代码并显示。

<meta http-equiv="refresh" content = "60"> 该网页每60秒自动刷新一次。

<meta http-equiv=" refresh"content="60;url= http://www.sohu.com"> 设置页面一分钟后跳转到搜狐网。

---------出去吃完宵夜刚回来----------发现最近长胖了---------唉---------我是胖胖的分割线-----------------------------

1.字体大小标签H

h1最大，h6最小，各位老铁只需要把你想的文字放在开始标签和结束标签中间，浏览器就负责给你显示

2.段落级标签P

此标签用于创建一个段落，此标签之间加入的文本会按照段落的格式显示到浏览器上。另外，这个标签还可以设置align属性，用于说明对齐方式，语法是 left--左对齐 center--居中 Right----右对齐。属性想写就写，不想写也没事。

文本geshigh

标签：标签可以使用以粗体形式显示。

标签：标签可以使文字以斜体形式显示。

标签：标签可以使其内部文字加上下划线。

标签：标签可以使其内部的文字比前方的文字低一些。并以更小的字体显示。

 换行标签。

-------------------

列表

1.有序列表

用<ol></ol>标签来创建，用<li></li>标签表示其中的每一项。

2.无序列表

前面的符号一定要是圆形的吗？不，我们可以加入type= " 形状名称" 属性来改变其符号形状

共有三个选择：

disc(实心圆)

square（小正方形）

circle(空心圆)

和无序列表一样，有序列表也可以设置type=" "属性，有序列表共有五种符号。

1（数字）

A（大写字母）

a（小写英文字母）

I（大写罗马数字）

i（小写罗马数字）

自定义列表

用<dl></dl>开始，列表条目用<dt>引导，说明用<dd>引导。

设置文本字体

标签可以用来给文字设置字体，大小，颜色等。

size属性一共有7种。从(最大)到（最小）。

另外还有一种写法：表示比预设字大一级。当然了，就是表示比预设字小一级。

<face>属性可以给文字设置字体，但前提是你要安装了这个字体，否则将以你系统上的默认字体显示。

font标签虽然可以控制文本的大小、颜色，但是局限性太大，只能把文字大小分为7个等级。实际运用中，一般都是通过CSS样式来实现对文本的控制的。

插入图片

<img>标签属性比较多

<img src="图片位置" height="高度" width= "宽度" alt="说明文字" align="对齐">

src属性指图片的路径，也就是图片的位置。可采取绝对路径或者相对路径。路径和图片中尽量不要出现中文字符。

height和 width决定图片在网上显示的大小。

例如，一张图片的大小为100*100，你可以将这两个属性分别设置为50，这样在网上显示的效果就是一张50*50大小的图片。不过，不推荐这么做。

当为我们在浏览网页时，有时候把鼠标指针放在一张图片上，会发现鼠标指针旁边显示了一些文字，以对图片进行说明。这就是alt属性的作用。此外，在图片未显示时出来或显示不出来时也会以这一段字代替。

align属性：对齐，决定图片在包含它的容器中的对齐方式。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： java html 工程师浏览器语言

相关文章推荐

新的分享

章节导航