小白自学网络安全(一):Html入门学习

本文详细介绍HTML基础知识,包括超文本标记语言的概念、结构及编写方法。讲解如何使用meta标记设置网页元信息,掌握主题标记定义网站样式,实战图片、链接、文字滚动等功能,并介绍如何发布网页和获取网站源码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

小白自学网络安全(一):Html入门学习

一、 html简介

html是一种超文本标记语言,标准通用标记语言下的一个应用。是网页制作必备的编程语言。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。

二、 html的结构和编写

在这里插入图片描述
三、 发布网页

可以在http://free.3v.do/网站申请空间,然后用ftp工具将网页上传至空间。

四、 元信息标记meta

meta写在头文件里面,作用有1、关键字2、网站的描述3、网站编码4、几秒钟后跳转页面

1、举个栗子
在这里插入图片描述
在这里插入图片描述
如图所示:红色框是网站标题,橙色是关键字(在百度搜索框搜索关键字就可以搜到这个网站),黄色是这个网站的描述。在图一显示。绿色是网站的编码(汉字)

2、实战一下
在这里插入图片描述
五、 主题标记**

主题标记就是用来规定网站主体部分的属性(文字大小/颜色/背景图片等)

文字颜色 text

背景颜色 bgcolor

背景图片 background

背景固定 bgproperties=fixed

在中编写,例如:

主体部分文字可以通过
来换行,将其加入在需要换行的文字后面即可

六、 文本操作
在这里插入图片描述
七、 图片和链接
在这里插入图片描述

八、 图像热区

图像热区的意思是点击图片的某一个部位跳转到链接,用Dreamweaver8可以轻松实现

九、 文字滚动和背景音乐

文字滚动:滚动内容,其属性有:

滚动方向:direction up、down、left、right

滚动范围:width=80%

滚动方式:Behavior 循环(默认):scroll 滚动一次slide 来回滚alternate

滚动次数: loop

滚动速度: Scrollamount

滚动范围: width height

背景音乐:

播放背景音乐的话我们把宽度和高度都设为0就行了,用embed兼容性好,也可以用隐藏面板的方式

自动播放:Sutostart :false true

循环播放:loop :false true

隐藏面板:hidden: false true

十、 偷取网站源码

使用网站偷取工具“开启pro工具”,文件——新建工程向导——复制一个网站——输入网址,点击开始箭头就开始啦

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值