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>
链接到一个外部样式表。
常用标签都有哪些,都适合用在什么场景?
<h1> ~ <h6>
用来显示标题,其中<h1>
定义最大的标题,<h6>
定义最小的标题。<p>
用来显示段落。<hr/>
用来显示水平线,分割内容。<br/>
用来换行。<img>
用来显示图像,属性src用来定义图像的URL地址。<a>
用来定义超链接,其中属性href创建指向另一个文档的链接,name创建文档内的书签。<b>
定义粗体文本。<big>
定义大号字。<em>
定义着重文字。<i>
定义斜体字。<small>
定义小号字。<strong>
定义加重语气。<code>
定义计算机代码。<blockquote>
定义长的引用。<q>
定义短的引用语。<div>
块级元素,它是可用于组合其他 HTML 元素的容器。<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>
标签。
比如:
- a
- b
- c
- 自定义定义列表
- 自定义列表不仅仅是一列项目,而是项目及其注释的组合。
- 自定义列表以
<dl>
标签开始。每个自定义列表项以<dt>
开始。每个自定义列表项的定义以<dd>
开始。
比如:
<dl>
<dt>a</dt>
<dd>bk</dd>
<dt>a</dt>
<dd>b</dd>
</dl>
a
b
a
b