一、对html的认识和理解 html:HyperText Markup Language,超文本标记语言;正如语言的定义,html和其他编程语言不太相同的是它通过“打标签”的方式实现内容的分类,最终实现网页效果。 在学习html的过程我发现,前端开发相较其他编程语言来说思路简单,没有太多需要掌握的算法实践或是需要代码理解,只需要记住每个“标签”实现什么样的功能,每一个板块有哪些支持的功能就能比较好的理解前端开发了。(虽然记忆也不是件简单的事)所以我认为对前端开发来说,代码更像一个工具🛠️,更重要的是让设计出来的网页富有美感并能较好的实现人机交互。 二、html基础知识 1)先从基础的部分部分着手,了解html基本的结构框架。如下图,清晰的说明了每一页html文档需要具备的内容。 ![]() 2)基础的文本“tag”,以下是对文本进行加粗、加黑、斜体等等一些功能的实现代码: ![]() 基本上是在html中会使用到的基本功能,当然还有一些变色、字体设置能功能会放到css中一起学习。 3)列表列表的功能主要用于排列文字,<ul>unordered list表示无序表,<ol>ordered list用于表示有序表,表中每一行的内容用<li>来表示。无序表: ![]() ![]() 有序表: ![]() ![]() 4)表格html中列表其实就相当于excel的表格,在网页中实现表格的效果: ![]() 5)图片与超链接 ![]() 7)部分表单内容 ![]() 以上为html基础知识第一部分的梳理,但还缺乏实际的网页设计实现,我会在下一部分附上自己设计的网页代码和效果,并把html剩下的表单部分完善,接着就进入前端设计的下一部分——css。 上一篇:【分享嘉宾】数字化管理顾问在线学习服务师邱智纯在IT部落第七届年会上进行了《数字化*绩效改进:CIO的挑战、机遇和实践》主题分享 下一篇:随笔20241210 |