·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室📱AI智能体
DZ插件网 门户 站长圈 查看内容

web前端第一部分——html基本操作和功能

2024-12-10 23:06| 发布者: xiao9469| 查看: 30269| 评论: 0

摘要: 一、对html的认识和理解html:HyperText Markup Language,超文本标记语言;正如语言的定义,html和其他编程语言不太相同的是它通过“打标签”的方式实现内容的分类,最终实现网页效果。在学习html的过程我发现,前 ...
一、对html的认识和理解

html:HyperText Markup Language,超文本标记语言;正如语言的定义,html和其他编程语言不太相同的是它通过“打标签”的方式实现内容的分类,最终实现网页效果。

在学习html的过程我发现,前端开发相较其他编程语言来说思路简单,没有太多需要掌握的算法实践或是需要代码理解,只需要记住每个“标签”实现什么样的功能,每一个板块有哪些支持的功能就能比较好的理解前端开发了。(虽然记忆也不是件简单的事)所以我认为对前端开发来说,代码更像一个工具🛠️,更重要的是让设计出来的网页富有美感并能较好的实现人机交互。

二、html基础知识

1)先从基础的部分部分着手,了解html基本的结构框架。如下图,清晰的说明了每一页html文档需要具备的内容。

web前端第一部分——html基本操作和功能6345 作者: 来源: 发布时间:2024-12-10 23:06

2)基础的文本“tag”,以下是对文本进行加粗、加黑、斜体等等一些功能的实现代码:
web前端第一部分——html基本操作和功能5748 作者: 来源: 发布时间:2024-12-10 23:06
基本上是在html中会使用到的基本功能,当然还有一些变色、字体设置能功能会放到css中一起学习。
3)列表列表的功能主要用于排列文字,<ul>unordered list表示无序表,<ol>ordered list用于表示有序表,表中每一行的内容用<li>来表示。无序表:
web前端第一部分——html基本操作和功能1915 作者: 来源: 发布时间:2024-12-10 23:06

web前端第一部分——html基本操作和功能5971 作者: 来源: 发布时间:2024-12-10 23:06
有序表:
web前端第一部分——html基本操作和功能5633 作者: 来源: 发布时间:2024-12-10 23:06

web前端第一部分——html基本操作和功能9120 作者: 来源: 发布时间:2024-12-10 23:06
4)表格html中列表其实就相当于excel的表格,在网页中实现表格的效果:
web前端第一部分——html基本操作和功能2909 作者: 来源: 发布时间:2024-12-10 23:06

5)图片与超链接
web前端第一部分——html基本操作和功能2901 作者: 来源: 发布时间:2024-12-10 23:06

7)部分表单内容
web前端第一部分——html基本操作和功能7828 作者: 来源: 发布时间:2024-12-10 23:06



以上为html基础知识第一部分的梳理,但还缺乏实际的网页设计实现,我会在下一部分附上自己设计的网页代码和效果,并把html剩下的表单部分完善,接着就进入前端设计的下一部分——css。




上一篇:【分享嘉宾】数字化管理顾问在线学习服务师邱智纯在IT部落第七届年会上进行了《数字化*绩效改进:CIO的挑战、机遇和实践》主题分享
下一篇:随笔20241210

鲜花

握手

雷人

路过

鸡蛋

评论

您需要登录后才可以发表言论 登录立即注册
关闭

站长推荐上一条 /1 下一条

最新热评 加载中...
AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:216.73.216.212,GMT+8, 2025-6-14 16:14 , Processed in 0.191828 second(s), 43 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

关灯
扫一扫添加微信客服
QQ客服返回顶部
返回顶部