HTML基础整理

2021-05-14 16:33:49 阅读：114 来源： 互联网

html
- html的历史和概述
  - HTML（根标记）用来告诉浏览器给页面是一个html文档，内有头部<head>、标题<title>、内容<body>
- 标签分类
  - 双标签（有开始有结束）
    - 标题标签（<h1>-<h6>）,<h1>最大，<p><font><a><img><string><em><ins><del><table><tr><th><td><ul><ol><dl><li><label>
  - 单标签（一个标签就可以完成用途）
    - <br>、<hr>、<input>
- 其他标签
  - Marquee（滚动元素）有两个属性
    - behavior：有三个值1、alternate(l来回滚动）2、scroll(从一端滚动到一端，重复）3、slide(从一端滚动到一端，不重复）
    - direction：有四个值：down、up、left、right
  - 插入音乐：<embed src="音乐位置" hidden="turn"（隐藏，不写则不隐藏）
  - Meter(度量元素）
- 插入图片的路径
  - <img src="路径" title="鼠标放到图片上显示的提示内容' alt='当图片不显示时，则显示该内容‘>
    - 相对路径
      - 在同一个文件夹中的时候,直接输入文件名
      - 在本文件下一级的时候用"/",/前面写文件所在的文件夹名,/后面写文件名
      - 在上一级的时候,用“../”表示，一个“../”表示向上有一级，
    - 有绝对路径
    - 网络路径
- 超链接
  - <a href="" target="在新窗口打开（_blank)还是在原窗口(_self)默认打开“ >提示内容</a>
    - 跳转到任意地址
      - 在href后面输入网页地址，则会跳转到网页
      - <a href="D:\2学习视频\1-3JavaScipt\4-21第十八天"跳转到这个位置
    - 可以做锚点
      - 跳转到另一页面指定位置
        在一个页面中，加入一个ID，在href后面输入页面的名字和ID名称，就可以直接跳转到该ID的位置
      - 可以在当前页面跳转，也可以跳转到其他页面中
        可以在本页面中做锚点，随便找个位置，设个id="aa"，<a href="aa">跳转到aa点</a>,可以跳转到id所在位置
        <a href="#">回到顶部</a>,跳转到顶部
  - 标签<base>,可以设置这个标签一下所以超链接的打来状态。
- 列表
  - 无序列表ul
    - type有三个属性：<ul type=""> disic（默认，实心小圆点）、square（实心小方块）、circle（空心圆）
  - 有序列表ol;
    - type有五个属性：1、a、A、i、I
    - <ol type="1" start="5">表示前面的标号是用数字，并且是从5开始
  - 自定义列表dl
    - <dl>.....<dt></dt>....<dd></dd>
- meta标签的使用
  - <meta name="KEYWords" contect="关键字”向搜索引擎表示自己网页的关键的，有利于被搜索到
  - <meta name="DEscription“ contect="网页的主要内容"，当网页被搜到以后，会直接显示出网页的主要内容，有利于用户了解网页。
  - <meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn">，表示打开页面以后，5秒后自动跳转到指定的网址。
- 表格
  - 至少需要三个标签<table>、<tr>（表示行）、<td>（表示列）组成（<th>可以替换<td>,用在第一行或第一列，表示标头，自带居中、加粗的属性）
    - border(表示表格边框的厚度，默认为0），cellpadding(表示单元格内容到单元格边框的距离，默认1px），cellspacing(表示单元格与单元格之间的距离，默认2px），width(宽度),height(高度），align(写在table中表格在网页中的位置，有left、right、center居中，bgcolor设置背景颜色

<caption>写在table标签下面，表示表格的标题<caption>成绩</caption>，位置跟随表格的位置，且在表格中居中

表单
- 语法：<form name="定义表单名字” action=“url" method="get | post">
  - method:定义表单结果从浏览器传送给服务器的方式：默认：get（在地址栏显示信息），post：隐藏信息，在地址栏不显示
  - action：用来指定表单处理程序的位置（服务器端的脚本处理程序）
  - fieldset：把表单分组，legend：分组名称
  - input控件，<input type="控件类型”>
    - text：单行文本输入框
    - password：密码输入框
    - radio：单选按钮
    - CheckBox：复选框
    - button：普通按钮
    - submit：提交按钮
    - reset：重置按钮
    - image：图像形式的提交按钮
    - hidden：隐藏域
    - file：文本域
    - date：日期框
- 表单的作用：主要负责数据采集功能，包括：表单控件、提示信息、表单域。

标签：表格,标签,按钮,基础,表单,HTML,跳转,整理,页面
来源： https://blog.csdn.net/DreamOfBoiling/article/details/116795408

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

HTML基础整理