当前位置: 首页 > Web前端 > HTML

第二天

时间:2023-04-02 23:48:16 HTML

codepen好像坏了?-_-||2019.3.6不管怎样,至少要经历一次。学习时间:3小时学习目标:是否完成第二天的任务目标:麻麻。你今天学到了什么?勉强认了各种标签(虽然还是认不出来),ol,ul,li和dl,dt,dd,还有caption,span比较印象深刻。有什么问题?其实我真的觉得不知道怎么从0到1,很不爽。我自己想代码很难。我不知道使用什么标签。总感觉有些地方没有div。这似乎不是达到相同效果的唯一方法。很多事情很容易忘记,也很复杂。.我希望熟能生巧,它总会变得更好。笔记节选:第二天的笔记以下为原文:2018.4.25我爱上了前端,用技术给用户带来最美的体验。学习时间:5小时学习目标:零基础学院——是否达到第二天的目标:达到1、什么是HTML,什么是HTML5答:HTML是指超文本标记语言(HyperTextMarkupLanguage)。HTML5是最新的HTML标准,具有更丰富的语义、图形和多媒体元素。2、HTML元素标签和属性的概念是什么?答:HTML不是一种编程语言,而是一种标记语言,所以标记标签是用来描述网页的。属性用于提供有关HTML标记的更多信息。3、文档类型是什么概念,有什么作用?答:网上有很多不同的文件。只有知道文档的类型,浏览器才能正确显示文档。提前声明文档类型可以帮助浏览器正确显示网页。4.元标签有什么用?答:所谓META标签,就是HTML网页源代码中一个重要的html标签。META标签用于描述HTML网页文档的属性,如作者、日期和时间、网页描述、关键字、页面刷新等。5.什么是WebSemantics,它解决什么问题?答:HTML中的每个标签都有其特定的含义(语义)。网页语义是指使用语义上合适的标签,使页面具有良好的结构,页面元素具有含义,易于被人们和搜索引擎理解。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:插入图片,imgsrc="图片地址"alt="下载失败时替换文字"title="提示文字"src:标识图片位置;alt:指定图片的描述文字,当图片不可见时(下载不成功时),可以看到该属性指定的文字;title:当图片可见时提供对图片的描述(鼠标滑过图片时显示的文字);图像可以是GIF、PNG或JPEG格式的图像文件。8、什么是表单标签,对应什么功能,有什么属性?答:表单:可以将浏览者输入的数据传输到服务器,让服务器端程序处理表单发送过来的数据。formmethod=”传输方式”action=”serverfile”。表单标签成对出现,以form开头,以/form结尾。action:发送查看者输入的数据的地方,比如一个PHP页面(save.php)。method:数据传输的方法(get/post)。所有表单控件(文本框、文本字段、按钮、单选框、复选框等)都必须放在标签之间input:当用户想要在表单框架中键入字母、数字等时使用文本输入。文本框也可以转换成密码输入框。inputtype="text/password"name="name"value="text"/当type="text"时,输入框为文本输入框;当type="password"时,输入框为密码输入框。name:给后台程序ASP和PHP使用的文本框命名。value:设置文本输入框的默认值。(一般起到提示作用)textarea:当用户需要在表单中输入一大段文字时,需要文本输入框。textarearows=”rows”cols=”columns”Text/textarearows:多行输入字段的行数。cols:多行输入字段的列数。textarea/textarea标签之间可以输入默认值。radio/checkbox:使用单选按钮和复选框让用户选择,输入type="radio/checkbox"value="value"name="name"checked="checked"/>当type="radio"时,控件为单选按钮,当type=”checkbox”时,控件为复选框,value:向服务器提交数据的值(后台程序PHP使用),name:给控件命名,供后台程序ASP使用,PHP,checked:当设置checked=”checked”时,默认选中该选项。同组的单选按钮必须有相同的name值,这样同组的单选按钮才能起到单选选择的作用。submit:使用提交按钮提交数据,inputtype=”submit”value=”submit”>type:只有type值设置为submit时,按钮才可以提交,value:按钮上显示的文字9,ol,ul,li,dl,dd,dt等标签适合哪里用。例如:ol、ul、li适用于没有描述的列表。例如:在新闻展示页面,共有N条新闻,点击查看详情。dl、dd和dt适用于描述性列表。例如:简历页面,介绍自己的信息,年龄,地址等。