【学习笔记】:一天搞定HTML

前端开发 作者: 2024-08-20 23:25:01
PS:许多控制样式的标签在HTML5中都不推荐使用,建议使用CSS,如align,border等。 一、概念 的英文全称: 超文本标记语言。 超文本 超文本 是一种组织信息的方式,它通过 超链接 的方

一、概念

二、语法

    • 围堵标签:开始和结束标签,如<html> </html>
    • 自闭合标签:开始标签和结束标签在一起,如<br/>

三、标签

  • <html>:定义HTML文档
  • <head>:用于指定html文档的一些属性,引入外部的资源
  • <title>:定义文档的标题
  • <body>:定义文档的主体
  • <!DOCTYPE html> :html中定义该文档是html文档
  • 注释:<!-- xxx -->
  • <h1>to<h6>:标题标签
  • <p>:段落标签
  • <br>:换行标签(空标签)
  • <hr>:水平线
  • <b>:字体加粗
  • <i>:字体斜体
  • <font>:字体标签(不赞成使用)
  • 必需属性
    • alt:规定图像的替代文本,如果图片没有正常加载,将会显示alt文本。
    • src:规定显示图像的URL。
      • 绝对URL:指向其他站点,如src="https://www.baidu.com"
      • 相对URL:如指向上一层同级目录images的1.png文件,src="../images/1.png"
  • 可选属性
    • width:图像宽度
    • height:图像高度
    • <ol type=''>
      • type:规定列表的标记类型。
      • start:规定有序列表的起始值。
      • reversed:规定降序。
    • <li>:定义列表项目
    • <ul type=''>
      • type:规定列表的标记类型,不赞成使用。
    • <li>:定义列表项目
  • <a>:定义一个超链接。
    • href:规定链接指向的页面的 URL
    • target:规定在何处打开链接文档,如果不使用href,就不能有target。
      • _self:默认在当前页面打开
      • _blank:在空白页打开
  • <span>:文本信息在一行展示,行内标签,内联标签。
  • <div>:每一个div占满一行,块级标签。
  • <header>
  • <footer>
    • <td><th>跨行、列的属性:
      • rowspan:定义单元格可跨的行数。
      • colspan:定义单元格可跨的列数。

  • <thead>:定义表头
  • <tbody>:定义表主体。
  • <tfoot>:定义脚注。
  • <form>属性
      • get:请求参数会在地址栏显式,参数大小有限制,不太安全
      • post:请求参数不会在地址栏中显式,会封装在请求体中,参数大小没有限制,较为安全
      • _self:默认在当前页面打开
      • _blank:在空白页打开
  • text:默认文本框。
  • password:密码框。
  • radio:单选框。要想达到单选的效果,必须name值一致,且建议每种选择定义一个value。
  • checkbox:复选框。复选框name值建议也一致,value值不一致。
  • file:文件选择框。
  • image:将图片作为提交按钮。
  • submit:提交表单数据的按钮。
  • reset:重置数据的按钮。
  • button:普通按钮。
  • email:邮箱。
  • placeholder:定义输入字段的提示。
  • checked:规定该元素首次加载被选中。
  • value:
    • 对于button、reset、submit:value值是按钮上显示的文本。
    • 对于text、password、hidden:value是输入字段的初始值。
    • 对于checkbox、radio、image:value是输入相关联的值。
  • cols:定义宽度。
  • rows:定义行数。
  • placeholder:定义预期提示字。
  • <select>定义单选或多选菜单。
  • <option>定义下拉列表中的一个选项。
    • selected:规定该选项首次显示时为选中状态。
    • value:选项值。
  • for属性:可以绑定到指定id的元素,在点击label文本的时候,就会自动聚焦到相关元素上,非常好用。

四、全局属性

  • id:规定元素唯一的id,作为链接锚。
  • class:规定元素的一个或多个类名(不能以数字开头)。
  • style:规定行内CSS样式。

五、重要实体名称

结果 实体名称
> &gt;
< &lt;
& &amp;
' &apos;
" &quot;

原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_65776.html