zoukankan      html  css  js  c++  java
  • 百度前端学院笔记记录

    1、HTML是什么,HTML5是什么

    答:HTML 指的是超文本标记语言 (Hyper Text Markup Language)。
    HTML5是最新的HTML标准,拥有更丰富的语义、图形以及多媒体元素等内容。

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

    答:HTML不是编程语言,是标记语言,所以要使用标记标签来描述网页。
    属性是用来提供HTML标签更多的信息。

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

    答:在互联网上有许多不同的文档,只有了解文档的类型,浏览器才能正确的显示文档。提前声明文档类型可以帮助浏览器正确的显示网页。

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

    答:通常所说的META标签,是在HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。

    5、Web语义化是什么,是为了解决什么问题

    答:HTML的每个标签都有其特定含义(语义),Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。

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

    答:HTML < a > 元素 (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。

    7、常用标签都有哪些,都适合用在什么场景
    
    答:
    
    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格式的图像文件。
    
    8、表单标签都有哪些,对应着什么功能,都有哪些属性
    
    答:
    
    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:按钮上显示的文字
    9、ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方,举个例子
    
    答:ol、ul、li适用无描述的列表。例如:新闻展示页面,一共N条新闻,点进去可浏览详情。
    dl、dd、dt适用有描述的列表 例如:简历页面,介绍自己的信息、年龄、住址等。
    
    

    常用的一些语义化标签

    <h1>~<h6> ,作为标题使用,并且依据重要性递减,<h1> 是最高的等级。
    <p>段落标记,知道了 <p> 作为段落,你就不会再使用 <br /> 来换行了,而且不需要 <br /> 来区分段落与段落。<p> 中的文字会自动换行,而且换行的效果优于 <br />。
    段落与段落之间的空隙也可以利用 CSS 来控制,很容易而且清晰的区分出段落与段落。
    <ul>、<ol>、<li>,<ul> 无序列表,这个被大家广泛的使用,<ol> 有序列表不常用。在 Web 标准化过程中,<ul> 还被更多的用于导航条,本来导航条就是个列表,这样做是完全正确的,而且当你的浏览器不支持 CSS 的时候,导航链接仍然很好使,只是美观方面差了一点而已。
    <dl>、<dt>、<dd>,<dl> 就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。dl不单独使用,它通常与dt和dd一起使用。dl开启一个定义列表,dt表示要定义的项目名称,dd表示对dt的项目的描述。
    <em>、<strong>,<em> 是用作强调,<strong> 是用作重点强调。
    <table>、<thead>、<tbody>、<td>、<th>、<caption>, 就是用来做表格不要用来布局
    
    
    H5新增布局标签
    
    header元素:header 元素代表“网页”或“section”的页眉。
    footer元素:footer元素代表“网页”或“section”的页脚,通常含有该节的一些基本信息,譬如:作者,相关文档链接,版权资料。
    hgroup元素:
    nav元素:nav元素代表页面的导航链接区域。用于定义页面的主要导航部分。
    aside元素:aside元素被包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的相关资料、标签、名次解释等。(特殊的section)
    section元素:section元素代表文档中的“节”或“段”,“段”可以是指一篇文章里按照主题的分段;“节”可以是指一个页面里的分组。section通常还带标题,虽然html5中section会自动给标题h1-h6降级,但是最好手动给他们降级。
    article元素:article元素最容易跟section和div容易混淆,其实article代表一个在文档,页面或者网站中自成一体的内容,其目的是为了让开发者独立开发或重用。譬如论坛的帖子,博客上的文章,一篇用户的评论,一个互动的widget小工具。(特殊的section)除了它的内容,article会有一个标题(通常会在header里),会有一个footer页脚。
    
    字体样式
    1.color:red; #FFFFFF;rgb(0,125,246);rgb(100%,100%,100%);#fff;网络安全色;
    2.font-family
    3.font-size
    4.font-sytle
    5.font-weight
    6.font-transform
    7.font-descoration
    8.text-shadow
    ...
    文本布局风格
    1.text-align
    2.line-height
    3.word-spacing
    4.letter-spacing
    ...
    

    color
    font-family
    font-style
    font-weight
    font-size
    text-align
    text-decoration
    text-indent
    line-height
    text-shadow

  • 相关阅读:
    Spring Boot 2 快速教程:WebFlux Restful CRUD 实践(三)
    Spring Boot 2 快速教程:WebFlux 快速入门(二)
    ES 集群上,业务单点如何优化升级?
    Spring Boot 2.x 系列教程:WebFlux 系列教程大纲(一)
    泥瓦匠想做一个与众不同的技术"匠"
    java编程行业微信群,无论新手老手欢迎加入,会一直更新
    Spring Boot 2.x 系列教程:WebFlux REST API 全局异常处理 Error Handling
    解决方案:如何防止数据重复插入?
    阿里 Java 手册系列教程:为啥强制子类、父类变量名不同?
    品阿里 Java 开发手册有感
  • 原文地址:https://www.cnblogs.com/yxyc/p/14055377.html
Copyright © 2011-2022 走看看