[网络安全课程1];Html语言前端知识

#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实体化介绍

下面的(;)符号是需要英文字体的,显示中文的是因为网页自动识别英文的当做是命令

显示结果描述实体名实体号
不可拆分的空格&nbsp ;&#160;
<小于&lt;&#60;
>大于&ge ;&#62;
&and符号&amp ;&#38;
"引号&quot ;&#34;
单引号&#39;

三、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&quot;/">
<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&quot;/">
<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.输入文本框

 &lt;input type="text" name="user">
 // text:文本输入框

在这里插入图片描述

2.选项按钮

 &lt;input type="radio" name="sex" value="male">
 选择按钮

在这里插入图片描述

3.按钮

<input type="submit" value="Submit">
//按钮

在这里插入图片描述



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值