WEB安全基础-HTML相关知识
发布日期:2021-06-30 10:50:56 浏览次数:2 分类:技术文章

本文共 1019 字,大约阅读时间需要 3 分钟。

HTML相关
JS:为网站添加各式各样的动态功能,为用户提供更流畅美观的动态效果。
CSS:解决内容与表现分离的问题。
HTML:包含网页的实际内容。

HTML源代码

第一个网页

Hello World

Hello World

HTML(Hyper Text Markup Language)

HTML结构和语法
可以用树形结构表示他:
1.<html>为根结点;
2.<head>为<html>子结点;
3.<body>为<html>子结点;
HTML元素
以开始标签起始<p>
以闭合标签终止</p>
闭合标签比开始标签多一个斜杠/
标签中间为元素的内容
属性元素:元素的额外信息;
标签属性:name,id,class,......
事件属性:onload,onerror,onclick,......
注释:<!-- XXXXXXX --> 注意:注释标签比较特别,HTML不区分大小写。
图片:<img src="http://XXX.XXX.com/XX/XX/XX.png" width="500" height="100" />
链接:<a href="http://XXX.XXX.com/XXX/XXX.htm">点击访问此网站</a>
表单:
<form>
username:
<input type="text" name="username" />
password:
<input type="passowrd" name="password" />
<input type="submit" value="Submit" />
</form>
内联框架:
<iframe src="http://XXX.XXX.com/XXX/XXX.htm" frameborder="0" width="480" height="240"></iframe>
HTML DOM:
DOM:文档对象模型(DOcument Object Model)将文档转换为树结构;
为什么要把文档转换为树结构:
1.更直观的了解页面元素;
2.通过JavaScript,可以对HTML进行任意操作;

下面是一个练习:

代码如下:

我的第一个html网站

Welcome To Join Us

Hello World

点击访问百度
username:
password
运行结果如下:

转载地址:https://it1995.blog.csdn.net/article/details/78959970 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Java基础入门笔记-对象与引用
下一篇:WEB安全基础-WEB通信

发表评论

最新留言

关注你微信了!
[***.104.42.241]2024年04月05日 16时28分24秒