沈阳做网站的,网页设计作业文件夹压缩包,快速搭建网站前端,浪起网站建设一 心得体会今天的任务是利用HTML制作一份在线简历#xff0c;先不考虑样式#xff0c;只从结构和语义化方面着手。对于已经有了前端b编程经验的我来说挺简单的#xff0c;但是我还是当作我是一个刚入门的菜鸟#xff0c;在学习过程中发现其实还有很多基础知识被我忽略了…一 心得体会今天的任务是利用HTML制作一份在线简历先不考虑样式只从结构和语义化方面着手。对于已经有了前端b编程经验的我来说挺简单的但是我还是当作我是一个刚入门的菜鸟在学习过程中发现其实还有很多基础知识被我忽略了例如meta的强大功能HTML5表单新增的输入类型列表标签dl、dt、dd等这提醒这我不要眼高手低要潜心学习稳固基础。二 相关知识点问题1 HTML是什么HTML5是什么HTML是一个超文本标记语言(Hyper Text Markup Language)其有一套标记标签使用这些标记标签来描述网页。HTML5是最新的HTML标准新增了一些元素API同时也删除了部分旧元素具体可以看相关文档。相较于 HTML4来说HTML5最大的改进就是新增了强大的图像支持(和 )多媒体支持(问题2 HTML文档是什么HTML文档其实就是我们看到的网页其包含HTML标签和纯文本。问题3 HTML元素、标签、属性都是什么概念HTML标签是由尖括号包围的关键词表示其在HTML文档中的含义。元素标签通常成对出现()成对出现的标签第一个为开始标签(或开放标签)第二个为结束标签(或闭合标签)结束标签多了一个/。HTML元素是指从开始标签到结束标签的所有代码(包含标签和此文本)。注意如果元素内没有文本可以直接在开始标签进行关闭(HTML属性相当于HTML元素的修饰符为该元素提供相应的特性。属性通常以键值对的形式出现(namevalue)并且都是出现在开始标签中。问题4 文档类型是什么概念起什么作用HTML经历过多个版本的更新每个版本中元素不尽相同那么我们如何才能使计算机准确知道当前的版本并正确显示HTML页面呢为了解决这个问题引进了文档类型的概念。在HTML文档首行使用来声明该HTML文档的版本如果版本为HTML5那么声明代码为如果为HTML4那么声明代码为目前创建新网页都尽量使用HTML5的文档类型维护旧网页可以沿用旧网页的文档类型。问题5 meta标签都用来做什么的meta标签位于HTML头部携带元信息不显示在页面上对于计算机是可读的。其主要作用有以下几点声明当前文档所使用的字符编码注意鼓励使用UTF-8字符编码不使用不兼容ASCII的编码规范必须禁用CESU-8, UTF-7, BOCU-1或 SCSU这些字符因为其被证实存在跨站脚本攻击(XSS)的风险。携带相关信息关联到HTTP头部此处需要用到http-equiv和content属性注http-equiv的属性值content-language, content-type, set-cookie已经弃用请查看最新文档使用替代方案示意代码如下 Meta HTTP-EQUIVrefresh content6; url地址 使用name属性携带相关信息示意代码如下 Meta nameauthor content前端唠唠嗑 Meta namekeyword content关键字 Meta namedescript content描述内容 问题6 Web语义化是什么是为了解决什么问题我理解的语义化有两方面1. 便于计算机识别HTML内容降低其处理难度提高效率与此同时还能搜索程序更好更快的搜索到此文档2. 便于程序员理解代码以及后期维护——结构良好语义明确的代码利于阅读和维护。问题7 链接是什么概念对应什么标签超链接的含义是一个点击跳转相应文档的字词或者图像。对应的为标签。其使用方式如下。通过href属性跳转到另一个HTML文档跳转到相应的地址跳转文档内的锚点(书签)设定的锚点跳转锚点注意创建锚点时可以用id来替代name属性也可以用其他元素标签替代a标签。跳转另一个文档的锚点另一个文档的锚点问题8 常用标签都有哪些都适合用在什么场景块级元素——外框, ——段落, ——标题, ——列表, 行内元素——提示性文字,——链接, ——加粗, ——图像,——表格单元问题9 表单标签都有哪些对应着什么功能都有哪些属性表单一般包裹在标签下主要用于用户输入获取用户输入的信息并传输给服务器。其输入类型有以下几种文本单行文本输入 多行文本输入 2.密码(输入的字符会做掩码处理) 单选MaleFemale注当input的type为radio时该输入框为单选框若单选框的name值相同那么他们是同一组选项不能同时选取到。多选I have a bikeI have a car注当input的type为checkbox时该输入框为单选框若单选框的name值相同那么他们是同一组选项可以同时选取到。按钮注点击可以执行相关操作submit此输入类型用于提交表单到服务器HTML5新增输入类型()colordatedatetimedatetime-localemailmonthnumberrangesearchteltimeurlweek注释老式 web 浏览器不支持的输入类型会被视为输入类型 text。问题10 ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方举个例子ol搭配li构建有序列表ul搭配li构建无序列表dldddt不常用看了一下介绍dl类似于ol和ul属于最外层标签dd类似于li表示项目内容而dt类似于序号只不过内容可以自定义。由以上可以看出dldddt挺适合做菜单类列表dt表示菜名dd表示相应菜品的介绍。
