• 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会称为一组,两者就会互斥

  • 相关阅读:
    经典的阿里前端笔试题
    Javascript之浏览器兼容EventUtil
    Javascript之对象的创建
    奇妙的CSS之CSS3新特性总结
    前端优化之无阻塞加载脚本
    正则表达式规则与常见的正则表达式
    全端工程师
    最全前端面试问题及答案总结--《转载》
    奇妙的CSS之布局与定位
    关于在django框架里取已登录用户名字的问题
  • 原文地址:https://www.cnblogs.com/yanruizhe/p/11462166.html
Copyright © 2020-2023  润新知