#PS:这是一个关于我的【网络安全课程】的学习和总结的博客,我是第一次写博客,对于编程、网络这块也是0基础学习,博客出现什么奇怪的问、知识点的错误等等的问题还请大家谅解,希望能留言提出指正。同时也欢迎大家一起交流学习。
文章目录
一、HTML是什么?
- HTML表示超文本标记语言。(全名是:Hyper Text Markup Language)
- HTML文件是一个包含标记的文本文件。
- HTML文本是由HTML命令组成的描述性文本。
- HTML还包含一系列的标签,通过标签可以将网络文件统一,使分散internet资源链接为一个逻辑整体。
二、HTML语言代码编写
1.HTML元素
HTML元素就是预定义好一些标签,不同标签有不同的功能。
HTML元素属性,对指定元素进行扩展功能的配置。
2.HTML基本标签信息
<p></p> ---------段落标签,可以自动换行使段落之间有间距,显示文本内容整洁。
<hn></h> --------设置标题信息,一般标题信息的文字大小。(里面的n是可以设置1~6数字,最大1最小6)
<br>-------------设置字符内容中换行信息。
<!-- This is a comment – >------指定代码位置添加注释说明信息
3.HTML格式设计方法
<***>开始的首尖括号 </***>结束的尖括号表示,如下面所示:
<strong></strong> ---------将指定字符串信息进行加粗处理。
<per></per>------------------将代码编写的格式信息,呈现在主页面上。
<del></del>-------------------将指定信息删除,用一个横线删除。(如
123)
<ins></ins>------------------ 将指定信息插入, 用下划线进行标记
<address></address>-----------------定义一些地址描述信息,主要会议斜体方式进行显示。
<blockquote></blockquote>---------表示对指定内容今夕缩进显示。
不是一定全部都需要结尾的,如<br> <hr>。
4.HTML实体化介绍
下面的(;)符号是需要英文字体的,显示中文的是因为网页自动识别英文的当做是命令
显示结果 | 描述 | 实体名 | 实体号 |
---|---|---|---|
不可拆分的空格 |   ; |  ; | |
< | 小于 | <; | <; |
> | 大于 | &ge ; | >; |
& | and符号 | & ; | &; |
" | 引号 | " ; | "; |
’ | 单引号 | '; |
三、HTML超链接
1.超链接打开页面
<a href=“http://www.oldboyedu.com/”>This text
将指定文件做超链接处理
2.超链接图面打开页面
<a href=“lastpage.htm”><img border=“0” src=".\images\next.gif">
将指定图片做超链接处理
标签属性:target="_blank"-------在原有窗口链接时,新开启一个窗口进行显示。
四、HTML框架
1.框架的使用
将浏览器页面进行拆分出多个不断页面,便于对页面信息的编写利用框架可以将多个信息进行整合。
框架命令
<frameset >**********</frameset>
编写规范
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8"/">
<title>XX博客</title>
</head>
<
<frameset rows=""50%,50%>
<feame src="要输出的消息的链接"></frame>
<feame src="要输出的消息的链接"></frame>
</frameset>
</html>
2.框架属性
<frameset rows=“N%,N%,N%”></frameset>
横向框架的分块(一行)
<frameset cols=“N%,N%,N%”></frameset>
竖向框架的分块(一列)
3.框架的嵌入
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8"/">
<title>XX博客</title>
</head>
<frameset rows="50%,50%" border="1%">
<frameset cols="50%,50%"> //第一分区竖向百分百再分区
<frame src="输出信息.html"> //竖向第一分区输出信息
<frame src="输出信息.html"> //竖向第二分区输出信息
</frameset>
<frame src="输出信息.html"> //竖向第一分区输出信息
</frameset>
</html>
//rows和cols可以灵活使用,改变嵌入方式。
五、HTML表格
1.表格基本命令
<table></table>----创建表格信息。
<tr><tr>--------------表格行信息。
<td><td>-------------表格列信息。
<th><th>-------------表格头部信息
属性:border ---------设置表格边框,实现显示边框
2.HTML列表功能
<ul><ul>-------生成列表信息标签-无序列表
type=“square” ---- 无序列表前的一个符号信息
<ol><ol>-------生成列表信息标签-有序列表
<dl><dl>------- 自定义列表内容信息
作用说明:编写菜单功能。
3.HTTML表单信息:
可以生成输入框内容,在输入框中可以填写信息,最后可以用于向后端服务进行提交。
<form></form> ----- 设置表单标签信息
1.输入文本框
<input type="text" name="user">
// text:文本输入框
2.选项按钮
<input type="radio" name="sex" value="male">
选择按钮
3.按钮
<input type="submit" value="Submit">
//按钮