一、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、标题标签: 3、字体加粗/倾斜<strong>表示强调,通常为粗体字</strong> 4、给文字设置下划线<u>下划线文字</u> 图像标签 网页上面我们看到不仅有文字、还有图片,下面重点讲如何向网页当中插入图片! 四、网页中的超链接 1、基本语法<a href="" target="打开方式" name="页面锚点名称" >链接文字或者图片</a> name属性 五、代码注释 注释一段内容时使用<!--”开始,以"-->结束 六、代码的格式 空格键和回车键在网页中都不会起到任何作用,我们为了让代码清晰易读,可以使用空格和回车键进行编排。 注意:缩进时保持严格的规则,以“Tab”键进行缩进 这周你学习了吗?快来提交你的作业吧 爱学习的孩纸 快来报名我们的计算机培训班吧! 等你来哦~ 课程持续更新中.......
格式:<h1>标题</h1>...<h6>标题</h6>
功能:定义网页中的文字标题
特点:标题标签独占一行
2、字体设置标签:
格式:<font>要设置的文字</font>
功能:修改文字颜色、字体、大小。常用属性:
<font szie="12px">老王</font>
<font color ="red">字体改为红色</font>
<font face="微软雅黑">更改文字字体</font>
<b>字体加粗</b>
<em>表示强调,通常为斜体字</em>
<i>字体倾斜</i>
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:搜索引擎可以通过这个属性的文字来抓取图片
属性讲解
- href属性:链接的地址,链接的地址可以是一个网页,也可以是一个视频、图片、音乐等等
- target属性:
1.作用:定义超链接的打开方式
2.属性值:_blank:在一个新的窗口中打开链接
_seif(默认值):在当前窗口中打开链接
_parent:在父窗口中打开页面(框架中使用较多)
_top:在顶层窗口中打开文件(框架中使用较多)
指定页面的锚点名称
例如<!--我是这个网页的作者,我的名字叫做问一下-->
上一篇:聚元又一大事件记录!!!
下一篇:关于举办“青创贷”推介会的通知