关于HTML

206 阅读3分钟

HTML是谁发明的

HTML(英语:HyperText Markup Language,简称:HTML,中文名:超文本标记语言)是一种用于创建网页的标准化标记语言。HTML的首个公开描述出现于一个名为HTML Tags的文件中,由蒂姆·伯纳斯-李于1991年底提及。它描述18个元素,包括HTML初始的、相对简单的设计。

HTML起手式应该写什么

<!DOCTYPE html>
<html lang="zh-CN">
<head>
   <meta charset="UTF-8">
   <meta name="viweport" content="width=deviece-wideth, initial-scale=1.0">
   <title></title>
</head>
<body>
</body>
</html>

常用的表章节的标签有哪些,分别是什么意思

  • <<h1></h1>~<h6></h6>: 表示1级至6级的标题,从最大的标题到最小
  • <section></section>: 表示章节块
  • <article></article>: 表示正文
  • <main></main>: 表示主要展示内容
  • <aside></aside>: 表示侧边栏
  • <header></header>: 表示页面的顶部
  • <footer></footer>: 表示页面的底部
  • <div></div>: 在页面中划定一块空间
  • <p></p>:表示段落

全局属性

什么是全局属性

HTML属性赋予元素意义和语境,全局属性是指任何元素都可以使用的属性。

常用的全局属性有哪些

  • class="": 标签的类别
  • id="": 标签的id,具有唯一性,但如果出现相同id不会报错
  • title="": 鼠标放上去可以展示标签内的全文
  • hidden: 可隐藏该标签,但是如果css里有显示的,会覆盖
  • contentitable: 表示元素是否可以被用户编辑
  • tabindex=: 可以用tab键选定页面上的标签,从数字最小依次到最大,-1表示不能被选中
  • style="": 标签内的css样式,优先级比外部的样式高

常用的内容标签有哪些,分别是什么意思

  • <a></a>: 超链接,点击后可以链接到其他页;
  • <em></em>: 主观上的强调,默认字体倾斜
  • <strong></strong>: 客观上的强调,默认字体加粗
  • <code></code>: 展示代码
  • <pre></pre>: 按照原文中的编排格式,以等宽字体的方式表现
  • <ul></ul>: unorder list
  • <ol></ol>: oreder list
  • <li></li>: list item
  • <dt></dt>: describe term
  • <dl></dl>: describe list
  • <dd></dd>: describe data
  • <hr />: 分割线
  • <br />: 换行
  • <quote></quote>: 表示引用
  • <blockquote></blockquote>:块级的引用

常用标签的使用方法

  1. <a></a>是一个实现超链接的标签,常用的属性有
  • href: 可以链接网址、文件、以及伪协议。例如
<a href="https://juejin.im/editor/posts/5f1d17556fb9a07ea55f25f4"></a>
<a href="/c">
<a href="javascript:;"</a>
  • target: 可以指定跳转页的位置
<a target="_blank"></a>
<a target="_top"></a>
<a target="_self"></a>
<a target="_parent"></a>
  1. <img>是一个实现插入图片的标签,常用的属性有
  • <img src="">: 图片的请求位置
  • <img alt="">:图片请求失败的显示
  • <img width="">: 图片的宽度
  • <img height="">: 图片的高度
  1. <table></table>是一个实现表格的标签
<table>
  <thead>
    <tr>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td></td>
    </tr>
  </tfoot>
</table>
  • borde-collapseborder-spacing属性可以控制表格边框的分合及相邻边框的间距
  1. <form></form>是一个实现表单提交的标签,常用的属性有
  • <form action="">:提交的URL
  • <form target="">: 提交后跳转的位置
  • <form method="">: 表单提交的方式,有GET、POST
  • <form name="">: H4不推荐,应使用id;H5中使用,应确保表单name的唯一性
  1. <input>是一个实现表单输入框标签,常用的属性有
  • <input type=“text”>:文本输入框
  • <input type="passowrd">: 密码输出框
  • <input type="radio">:单选框
  • <input type="checkbox">: 多选框
  • <input type="submit">: 表单提交与<button></button>相比,两者都可以完成表单提交,但<button>之间还是添加其他的标签,而<input type="submit">却不行
  • <input type="file">: 文件提交
  • <input type="button value="">: 没有默认行为,上面显示value的值
  1. <textarea></textarea>是一个实现多行文本框输入的标签,常用的属性有
  • <textarea name="">: 表单提交时文本框的名称
  • <textarea row="" cols="">: 确定文本框的行和列的准确值
  • <textarea maxlength="" minlength="">: 允许用户输入的最大字符长度和最小字符长度