在百度前端学院学习的第二天

2018.6.20

今天学习了很多html的标签,还练手制作一个简单的在线简历。

但还对标签的熟悉度不够,希望之后能快速掌握

1.html是什么,html5是什么

html是超文本标记语言,而html5是最新的html标准。

2.html元素标签,属性都是什么概念?

html是一门标记语言,用标记标签来描述网站

属性则是给html的元素提供更多信息

3.文档类型是什么概念,起什么作用?

WEB世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显示文档。<!DOCTYPE>声明帮助浏览器正确地显示网页。

4.meta标签都用来做什么的?

meta标签可用于提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。

meta标签位于文档的头部,不包含任何内容。

5.web语义化是什么,是为了解决什么问题?

web的语义化就是表现网页的结构。

通常语义化HTML会使代码变的更少,使页面加载更快。

语义化HTML会使HTML结构变的清晰,有利于维护代码和添加样式。

提升网页的可访问性和交互操作性(无障碍访问)

提升搜索引擎优化(SEO)的效果

6.链接是什么概念,对应什么标签?

HTML使用标签 <a>来设置超文本链接,是可以从一个页面指向另一个目的端的链接。

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

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

  1. body:在网页上要展示出来的页面内容一定要放在body标签中
  2. p:如果想在网页上显示文章,这时就需要p标签了,把文章的段落放到p标签中。标签的默认样式,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它。
  3. span:标签是没有语义的,它的作用就是为了设置单独的样式用的。
  4. br:在需要加回车换行的地方加入br,br标签作用相当于word文档中的回车。在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入br。没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有br、hr和img。
  5. div:在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个div标签中,这个div标签的作用就相当于一个容器。什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。用id属性来为div提供唯一的名称,必须唯一。
  6. img:插入图片,img src=”图片地址” alt=”下载失败时的替换文本” title = “提示文本” src:标识图像的位置;alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);图像可以是GIF,PNG,JPEG格式的图像文件。

8.表单标签都有什么,都有什么功能,都有什么属性?

  1. form:可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。form method=”传送方式” action=”服务器文件” . form标签是成对出现的,以form开始,以/form结束。action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。method : 数据传送的方式(get/post)。所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在标签之间
  2. input:当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。input type=”text/password” name=”名称” value=”文本” / 当type=”text”时,输入框为文本输入框;当type=”password”时, 输入框为密码输入框。name:为文本框命名,以备后台程序ASP 、PHP使用。value:为文本输入框设置默认值。(一般起到提示作用)
  3. textarea:当用户需要在表单中输入大段文字时,需要用到文本输入域。textarea rows=”行数” cols=”列数” 文本 /textarea rows :多行输入域的行数。cols :多行输入域的列数。在textarea /textarea 标签之间可以输入默认值。
  4. radio/checkbox:使用单选框、复选框,让用户选择,input type=”radio/checkbox” value=”值” name=”名称” checked=”checked”/> 当 type=”radio” 时,控件为单选框,当 type=”checkbox” 时,控件为复选框,value:提交数据到服务器的值(后台程序PHP使用),name:为控件命名,以备后台程序 ASP、PHP 使用,checked:当设置 checked=”checked” 时,该选项被默认选中,同一组的单选按钮,name 取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。
  5. submit:使用提交按钮,提交数据,input type=”submit” value=”提交”> type:只有当type值设置为submit时,按钮才有提交作用,value:按钮上显示的文字

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

ol、ul、li适用无描述的列表。

ol:定义有序列表

ul:定义无序列表

li:定义列表项

例如:新闻展示页面,一共N条新闻,点进去可浏览详情。

dl、dd、dt适用有描述的列表 。

dl:定义列表

dt:自定义列表项目

dd:定义自定义列表的描述

例如:简历页面,介绍自己的信息、年龄、住址等。













猜你喜欢

转载自blog.csdn.net/qq_42488433/article/details/80748507