Web应用开发技术(2)-html
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)元素标记)
实体引用
特殊字符的编码,比如:
-
<:
<
-
>
:>
-
" :
"
-
' :
'
-
& :
&
-
空格:
布尔属性(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(统一资源定位符) 等
注意:表单元素获得输入焦点后才能输入数据
扩展
-
数据是存放在磁盘上的
-
删除一个文件,那个文件并不会完全的被删掉,其运行流程是这样的,系统是把文件信息分成两部分存储,一部分是文件节点(即文件的描述信息),另一部分就是文件的数据,所以系统打开文件什么的速度就很快,因为是通过文件节点来找到文件数据的存储位置的,删除一个文件时,系统删除的是文件的节点,数据并没有被删除,虽然你看到文件被删除,但文件数据还是存储在原来的位置,但如果你再创建一个新的文件,那么被删掉的文件的数据就很可能被覆盖,一旦被覆盖就意味着真正的被删除,不可能恢复,所以当你误删一个文件时,不要进行增删文件的操作,使用一些文件恢复工具还有恢复的几率
-
在windows下面把 .py 文件改成 .pyw 就会隐藏,双击运行时就看不到调试窗口,会隐藏运行
-
kali linux 黑客的一些武器
-
<!DOCTYPE html> 文档类型申明
<hr> 分割线
-
在img中:
alt="" 替换文本,即当图片显示不出来时就显示这个文本,图片能显示就不会显示这个文本
title:当鼠标放在图片上时,会显示title中的内容
-
button: 按钮 其为内联元素,在网页中一行可以显示多个
在button中加个disabled即可以让按钮变成灰色,不可点击状态
-
cellspacing 外边框
cellpadding 内边框
colspan="3" 跨3列
-
name相同的radio会称为一组,两者就会互斥