HTML CSS JS 前端学习记录

  • HTML是什么,HTML5是什么

        答:HTML 字面意思是超文本标记语言(heyper text markup language)。不是编程语言,是 markup language。HTML有一套自己的标记标签(markup tag)。HTML用标记标签来描述网页。HTML是web的载体,也可以理解成一种规范的书写格式。

                 HTML5:类似于HTML的升级版,在HTML的规范上进行元素的修改。比如增加了更多语义化的元素。


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

          答:元素是指从开始标签(start tag)到结束标签(end tag)所有的代码。属性是为HTML提供更多的附加信息。

                元素标签分为两类:有结束标签的标签和没有结束标签的空标签。 </>  有这个的为结束标签。

                                          也可以分为块元素和行级元素。块元素(header,form,ul,ol,table,article,div,hr,aside,figure,canvas,video,audio,footer)行级元素(a,b,strong,span,img,label,button,input,select,textarea) 行级元素和块级元素可以通过属性进行修改(display

                eg:<input type="text" name=“Id” value"我是value">     <input> 元素标签     name、type、value 属性

                HTML元素语法:HTML元素以开始标签(start tag)开始,结束标签(end tag)结束。元素内容开始标签与结束标签之间。


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

           答:HTML文档=网页,包括HTML标签和纯文本。

                  文档类型即常见的 !DOCTYPE ,是用来声明并帮助浏览器正确识别网页。因为HTML发展至今有许多的不同版本,所以声明不同的文档类型可以让浏览器完全正确地显示出 HTML 页面。查看网页源码,最上面的一句 <!DOCTYPE html>。


  • meta标签都用来做什么的?

        答:meta标签包含在head标签里面,用来描述一个HTML网页文档的属性,列如:作者、日期和时间、网页描述、关键词、页面刷新等。

  1. <meta http-equiv="Content-Type" content="text/html;charset=gb_2312-80">和<meta http-equiv="Content-Language" content="zh-CN"> 用以说明主页制作所使用的文字以及语言;又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集
  2. <meta http-equiv="Refresh" content="n;url=http://yourlink">定时让网页在指定的时间n内,跳转到你的页面;
  3. <meta http-equiv="Expires" content="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
  4. <meta http-equiv="Pragma" content="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
  5. <meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT">cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;
  6. <meta http-equiv="Pics-label" content="">网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;
  7. <meta http-equiv="windows-Target" content="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;
  8. <meta http-equiv="Page-Enter" content="revealTrans(duration=10,transition= 50)">和<meta http-equiv="Page-Exit" content="revealTrans(duration=20,transition=6)">设定进入和离开页面时的特殊效果,这个功能即FrontPage中的"格式/网页过渡",不过所加的页面不能够是一个frame页面。
  9. <meta name="description" content="网络营销教学网站提供《网络营销基础与实践》教学支持:网络营销课件,网络营销论文,网络营销实验教学,电子商务论文,网络营销与电子商务书籍等">
  10. <meta name="keywords" content="xx,xx,xx" />  关键字
        常见meta标签 参考: https://blog.csdn.net/sqfbeijing/article/details/50512930


  • Web语义化是什么,是为了解决什么问题?
          答:语义化最主要的意思就是说让机器能读懂你所表达的内容,起初是为了方便人们查看发布的web内容,后来随着web内容越来越多,只有让机器去处理web内容,随之搜索引擎诞生。所以让机器读懂web内容尤为重要。 HTML一直再往语义化方向努力。许多元素,属性设计的时候就在考虑如何让机器甚至是爬虫更好的理解HTML文档,HTML5更是在HTML规范基础上对其进行修改和删除,增加了表达语义的元素。
  • 链接是什么概念,对应什么标签?
        答:链接就是网页的地址,通过链接可以把多个网页链接成一个网站。<a href="www.baidu.com">百度</a>    可以用 name定义锚点  
  • 常用标签都有哪些,都适合用在什么场景
          答:
标签 描述
<h1> to <h6> 定义 HTML 标题。
<p> 定义段落。
<hr> 定义水平线。
<!--...--> 定义注释。
<img> 定义图像。
<ul> 定义无序列表。
<ol> 定义有序列表。
<li> 定义列表的项目。
<div> 定义一个元素块。
<span> 组合文档中的行内元素。
  • body:在网页上要展示出来的页面内容一定要放在body标签中
  • p:如果想在网页上显示文章,这时就需要p标签了,把文章的段落放到p标签中。标签的默认样式,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它。
  • span:标签是没有语义的,它的作用就是为了设置单独的样式用的。
  • br:在需要加回车换行的地方加入br,br标签作用相当于word文档中的回车。在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入br。没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有br、hr和img。
  • div:在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个div标签中,这个div标签的作用就相当于一个容器。什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。用id属性来为div提供唯一的名称,必须唯一。
  • img:插入图片,img src=”图片地址” alt=”下载失败时的替换文本” title = “提示文本” src:标识图像的位置;alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);图像可以是GIF,PNG,JPEG格式的图像文件。

  • 表单标签都有哪些,对应着什么功能,都有哪些属性
          答:
标签 描述
<form> 为用户输入创建 HTML 表单。
<input> 根据不同的 type 属性值,输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
<textarea> 定义多行的文本输入控件。
<button> 定义按钮
<select> 定义选择列表中的选项。
<datalist> 定义下拉列表。
  • 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:按钮上显示的文字

  • ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方,举个例子
        答:ol、ul、li适用无描述的列表。例如:新闻展示页面,一共N条新闻,点进去可浏览详情。
               dl、dd、dt适用有描述的列表 例如:简历页面,介绍自己的信息、年龄、住址等。

猜你喜欢

转载自blog.csdn.net/w1109390306/article/details/80434745