资讯专栏INFORMATION COLUMN

第二天

warkiz / 3080人阅读

摘要:学习用时小时学习目标第二天任务目标是否已达成麻麻嘚。摘录一个笔记第二天笔记以下是原文爱上前端,用技术带给用户最优美的体验。为文本框命名,以备后台程序使用。

codepen好像崩了?-_-||

2019.3.6 怎么也要至少过一遍鸭。
学习用时:3小时
学习目标:第二天任务
目标是否已达成:麻麻嘚。

今天学了什么?

勉强再认了一次各种标签(虽然感觉还是认不住),ol,ul,li和dl,dt,dd,以及caption,span比较有印象额。

遇到了什么问题?

其实真的感觉不知道怎么从0到1,很难受。要我自己想代码,感觉好难好难,不知道哪里该用什么标签,总觉得有些地方有无div好像并无影响,要实现同一种效果方法好像并不唯一,很多东西很容易忘记,繁。但愿熟能生巧吧,总会变好的。

摘录一个笔记:第二天笔记

以下是原文:

2018.4.25

爱上前端,用技术带给用户最优美的体验。

学习用时:5小时
学习目标:零基础学院 - 第二天
目标是否达成:已达成

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 元素 (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他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适用有描述的列表 例如:简历页面,介绍自己的信息、年龄、住址等。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53790.html

相关文章

  • 九天学会Java,二天,算术运算

    摘要:再多提一下算术运算是遵守四则运算法则的。两年之后我把钱取出来去美国旅游,人民币换美元利率是今天的万元存两年,两年后能换多少美元呢上一章节九天学会,第一天,变量和数据类型,赋值和输出 算术运算 先回顾上次我们提到的编程特性 变量和数据类型,赋值和输出 算术运算

    CoreDump 评论0 收藏0
  • Webpack4 高手之路 二天

    摘要:基础配置打包多个文件继续基础配置的内容,在目录下再新建一个文件在文件中引用开发模式进行打包同样在中引入打包后的文件打开控制台,正确输出如下引用文件在路径下新建一个目录,其下创建一个文件,内容如下在中引入文件默认情况是不支持文件的,因此需要安 Webpack 基础配置02 打包多个js文件 继续Webpack 基础配置01的内容,在./src/script目录下再新建一个demo.js...

    mrcode 评论0 收藏0
  • 二天-《企业应用架构模式》-组织领域逻辑

    摘要:模型抉择领域逻辑复杂度抉择领域逻辑复杂度较低时,选择事物脚本如果开发环境拥有大量基于记录集的工具和,可以选择表模块开发小组经验丰富时,选择领域模型种模式并不互相排斥,可以同时使用服务层服务层是从领域层分离出来的,用于置于底层的领域模型或表模 1. 模型抉择: 1)领域逻辑复杂度:   showImg(https://segmentfault.com/img/remote/1460000...

    wwolf 评论0 收藏0
  • Python二天: 变量详解及变量赋值

    目录 [toc] 此文章针对刚学Python的小白,若觉得对变量有很好的掌握,可以观看其他的文章在这里, 我说一下我对变量的简单总结: 变量是为了存储运算程序中的一些中间结果, 为了方便日后调用 什么是变量? 在这里我举个简单的例子: 3 * 4 = 12 在写一个算数程序的时候,我们往往会遇到很多个3 * 4 = 12在多次用到这个程序的时候有两种方法 一种方法是直接在代码中打出 3 *...

    RichardXG 评论0 收藏0

发表评论

0条评论

warkiz

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<