Web应用开发技术(2)-html

Web应用开发技术

HTML元素详解

通常情况下,一个HTML元素(Element)是由三部分构成,即开始标签(Opening Tag),内容(Content),结束标签(Closing Tag)

空元素(Empty Element):即没有任何内容,比如 img,br,meta等,作为空元素只有开始标签

元素名不区分大小写,但为了可读性和一致性,通常元素名都用小写形式

 

HTML注释

使用<!-- 和--> 扩起来的内容为注释内容,浏览器在执行时会被直接忽略

 

 

HTML元素可以分为两种类型:

  • 块级元素(Block Elements),用作容器,其子元素可以为块级或内联元素,例如:p,div等,

  • 内联(行内)元素(In-line Elements),通常作为块级元素的子元素,例如:img,a等

 

元素嵌套

即子元素,注意不能交叉嵌套

 

文本内容标记

p

strong 加粗

em 倾斜

ul:无序列表(unordered list)

ol:有序列表(ordered list)

(ul和ol的列表项都是用li(即list item)元素标记)

 

实体引用

特殊字符的编码,比如:

  • <:&lt;

  • >&gt;

  • " :&quot;

  • ' :&apos;

  • & : &amp;

  • 空格:&nbsp;

 

布尔属性(Bool Attribute)

没有属性值的属性,其实这类属性的属性值和属性名是相同的,为了更简洁,可以省略属性值

disabled

 

div元素

通用的块级元素,主要用于其他元素的容器

 

span元素

通用的内联元素

 

表格(table)

<table> 元素表示一个表格

<tr> 元素表示表格的一行内容

<th>元素表示表头单元格(标记表头信息),为tr的子元素

<td>元素表示普通单元格

 

网页布局方式

  • table布局(已经out)

  • div + css 布局(很流行)

 

表单(Form)

收集用户输入的不同类型的数据

<form>:表单元素的容器

<input>:输入元素,通过type属性指定允许输入的数据类型,type属性的常用值有text(单行任意文本),password(密码,回显星号或圆点),radio(单选按钮),checkbox(复选框),submit(提交按钮),button(普通按钮),email(电子邮箱),url(统一资源定位符) 等

注意:表单元素获得输入焦点后才能输入数据

 

 

扩展

  1. 数据是存放在磁盘上的

  2. 删除一个文件,那个文件并不会完全的被删掉,其运行流程是这样的,系统是把文件信息分成两部分存储,一部分是文件节点(即文件的描述信息),另一部分就是文件的数据,所以系统打开文件什么的速度就很快,因为是通过文件节点来找到文件数据的存储位置的,删除一个文件时,系统删除的是文件的节点,数据并没有被删除,虽然你看到文件被删除,但文件数据还是存储在原来的位置,但如果你再创建一个新的文件,那么被删掉的文件的数据就很可能被覆盖,一旦被覆盖就意味着真正的被删除,不可能恢复,所以当你误删一个文件时,不要进行增删文件的操作,使用一些文件恢复工具还有恢复的几率

 

  1. 在windows下面把 .py 文件改成 .pyw 就会隐藏,双击运行时就看不到调试窗口,会隐藏运行

  2. kali linux 黑客的一些武器

  1. <!DOCTYPE html> 文档类型申明

    <hr> 分割线

  2. 在img中:

    alt="" 替换文本,即当图片显示不出来时就显示这个文本,图片能显示就不会显示这个文本

    title:当鼠标放在图片上时,会显示title中的内容

  3. button: 按钮 其为内联元素,在网页中一行可以显示多个

    在button中加个disabled即可以让按钮变成灰色,不可点击状态

  4. cellspacing 外边框

    cellpadding 内边框

    colspan="3" 跨3列

  5. name相同的radio会称为一组,两者就会互斥

 

posted @ 2019-09-04 22:59  YruiZ  阅读(309)  评论(0编辑  收藏  举报