安徽聚元生物科技有限公司

通知公告

聚元孵化器|计算机培训课二【HTML】入门学习

发稿时间:2019-07-26来源:聚元生物


一、html的概述

html全称超文本标记语言(hyper Text Markup Language)

 

二、html的基本结构

 

 


文档类型与标题

 

 

<html></html>告诉浏览器html文档开始和结束的地方

<head></head>所有头部元素的容器,内部必须包含title

<title></title>定义文档的标题,该标题在浏览器标签页显示

<body></body>定义文档主体

三、HTML的基本标签

格式标签

 1、段落标签:
格式:<p>你要分段的内容</p>
功能:对网页上的文字进行分段
特点:间距比较大
   2、换行标签
格式:你要换行的文字后面直接加标签:<br/>
注意:它是一个单标签
   3、居中对齐标签
格式:<center>你要居中的内容</center>
让段落或者文字能够相对于父标签居中显示

文本标签

 1、标题标签:
格式:<h1>标题</h1>...<h6>标题</h6>
功能:定义网页中的文字标题
特点:标题标签独占一行
  2、字体设置标签:
格式:<font>要设置的文字</font>
功能:修改文字颜色、字体、大小。常用属性:
<font szie="12px">老王</font>
<font color ="red">字体改为红色</font>
<font face="微软雅黑">更改文字字体</font>

3、字体加粗/倾斜<strong>表示强调,通常为粗体字</strong>
<b>字体加粗</b>
<em>表示强调,通常为斜体字</em>
<i>字体倾斜</i>

4、给文字设置下划线<u>下划线文字</u>

图像标签

网页上面我们看到不仅有文字、还有图片,下面重点讲如何向网页当中插入图片!
1、格式如下:<img src="图片路径" width="设置图片宽度" height="设置图片高度" border="边框" alt="图片加载不出来显示文字"/>
2、<img/>标签常见属性详解
1.src属性
作用:指定我们要加载的图片的路径和图片的名称以及图片格式
2.width属性
作用:指定图片的宽度,单位px、em、cm、mm
3.height属性
作用:指定图片的高度,单位px、em、cm、mm
4.border属性
作用:指定图标的边框宽度,单位px、em、cm、mm
5.alt属性
作用1:当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字
作用2:如果图像没有下载或者加载失败,会用文字来代替图像显示
作用3:搜索引擎可以通过这个属性的文字来抓取图片

四、网页中的超链接

1、基本语法<a href="" target="打开方式" name="页面锚点名称" >链接文字或者图片</a>
属性讲解
- href属性:链接的地址,链接的地址可以是一个网页,也可以是一个视频、图片、音乐等等
- target属性:
1.作用:定义超链接的打开方式
2.属性值:_blank:在一个新的窗口中打开链接
_seif(默认值):在当前窗口中打开链接
_parent:在父窗口中打开页面(框架中使用较多)
_top:在顶层窗口中打开文件(框架中使用较多)

name属性
指定页面的锚点名称

 

五、代码注释
 

注释一段内容时使用<!--”开始,以"-->结束
例如<!--我是这个网页的作者,我的名字叫做问一下-->

六、代码的格式

空格键和回车键在网页中都不会起到任何作用,我们为了让代码清晰易读,可以使用空格和回车键进行编排。

注意:缩进时保持严格的规则,以“Tab”键进行缩进

 

 

这周你学习了吗?快来提交你的作业吧

爱学习的孩纸

快来报名我们的计算机培训班吧!

等你来哦~

课程持续更新中.......

 

| 新闻中心 | 服务中心 | 技术平台 | 人才招聘 | 产品中心 | 关于聚元 |