HTML 是什么，HTML5 是什么？

  • html是超文本标记语言，h5是html的最新标准

HTML 元素标签、属性都是什么概念？

  • HTML元素标签是由<>包裹的关键词，通常成对出现（开始和闭合），比如 <h1></h1> <p></p> ；
  • 也有单个出现比如 <img> <br>
  • 记得使用小写字母
  • 属性提供了有关元素的更多信息，写在开始标签中，通常形式为名称加上值id="a"

文档类型是什么概念，起什么作用？

html文档就是网页，包含标签和内容，用来描述网页内容

meta 标签都用来做什么的？

  • meta标签是HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。
    详细链接
  • <meta name="viewport" content="width=device-width, user- scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum- scale=1.0">
    控制页面在移动端不要缩小显示。因为智能手机刚流行时大多数网页没给手机适配，ios用小屏宽度模拟成980px。

WEB 语义化

  • 会使用恰当的标签来展示内容，而不是全用 div，如段落用 p、边栏用 aside、主要内容用 mian、导航用 nav、页脚用 footer、头部用 header。
  • 页面能呈现出很好地内容结构、代码结构；有利于 SEO：和搜索引擎建立良好沟通；方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）,让机器更好地读懂内容。

链接是什么概念，对应什么标签？

  • HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
  • 使用 a 标签创建链接
    • 通过使用 href 属性 - 创建指向另一个文档的链接。
    • 通过使用 name 属性 - 创建文档内的书签。
  • <link> 链接到一个外部样式表。

常用标签都有哪些，都适合用在什么场景?

  1. <h1> ~ <h6> 用来显示标题，其中<h1> 定义最大的标题，<h6> 定义最小的标题。
  2. <p> 用来显示段落。
  3. <hr/> 用来显示水平线，分割内容。
  4. <br/> 用来换行。
  5. <img> 用来显示图像，属性src用来定义图像的URL地址。
  6. <a> 用来定义超链接，其中属性href创建指向另一个文档的链接，name创建文档内的书签。
  7. <b> 定义粗体文本。
  8. <big> 定义大号字。
  9. <em> 定义着重文字。
  10. <i> 定义斜体字。
  11. <small> 定义小号字。
  12. <strong> 定义加重语气。
  13. <code> 定义计算机代码。
  14. <blockquote> 定义长的引用。
  15. <q> 定义短的引用语。
  16. <div> 块级元素，它是可用于组合其他 HTML 元素的容器。
  17. <span> 元素是内联元素，可用作文本的容器

表单标签都有哪些，对应着什么功能，都有哪些属性?

  • form:可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。form method=”传送方式” action=”服务器文件” . form标签是成对出现的，以form开始，以/form结束。action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。method ： 数据传送的方式（get/post）。所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在标签之间

  • input:当用户要在表单中键入字母、数字等内容时，就会用到文本输入框。文本框也可以转化为密码输入框。input type=”text/password” name=”名称” value=”文本” / 当type=”text”时，输入框为文本输入框;当type=”password”时, 输入框为密码输入框。name：为文本框命名，以备后台程序ASP 、PHP使用。value：为文本输入框设置默认值。(一般起到提示作用)

  • textarea:当用户需要在表单中输入大段文字时，需要用到文本输入域。textarea rows=”行数” cols=”列数” 文本 /textarea rows ：多行输入域的行数。cols ：多行输入域的列数。在textarea /textarea 标签之间可以输入默认值。

  • radio/checkbox:使用单选框、复选框，让用户选择,input type=”radio/checkbox” value=”值” name=”名称” checked=”checked”/> 当 type=”radio” 时，控件为单选框,当 type=”checkbox” 时，控件为复选框,value：提交数据到服务器的值（后台程序PHP使用）,name：为控件命名，以备后台程序 ASP、PHP 使用,checked：当设置 checked=”checked” 时，该选项被默认选中,同一组的单选按钮，name 取值一定要一致，这样同一组的单选按钮才可以起到单选的作用。

  • submit:使用提交按钮，提交数据,input type=”submit” value=”提交”> type：只有当type值设置为submit时，按钮才有提交作用,value：按钮上显示的文字

<!-- 常用输入框，用于文本输入 -->
<input type="text" name="text" placeholder="请输入">
<!-- 密码输入，非明文显示 -->
<input type="password" name="text" placeholder="密码">
<!-- 单选框，往往两个以上出现 -->
<input type="radio" name="sex">男
<input type="radio" name="sex">女
<!-- 多选框 -->
<input type="checkbox" name="hobby">旅游
<input type="checkbox" name="hobby">宠物
<!-- 按钮 -->
<input type="button" value="点我">
<!-- 文本域 -->
<textarea name="comment" id="comment" cols="50" rows="10"></textarea>
<!-- 下拉框 -->
<select name="car" id="car">
  <option value="1">宝马</option>
  <option value="2">奔驰</option>
  <option value="3" selected>特斯拉</option>
</select>

ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方，举个例子

  • 无序列表

    • 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
    • 无序列表始于 <ul> 标签。每个列表项始于 <li>。
      比如：
      ● a
      ● b
      ● c

  • 有序列表

    • 有序列表也是一列项目，列表项目使用数字进行标记。
    • 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
      比如：
  1. a
  2. b
  3. c
  • 自定义定义列表
    • 自定义列表不仅仅是一列项目，而是项目及其注释的组合。
    • 自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
      比如：
<dl>
<dt>a</dt>
<dd>bk</dd>
<dt>a</dt>
<dd>b</dd>
</dl>

a
    b
a
    b

Tsez Views No comment