帝国和织梦哪个做网站好,个人建站项目,网站建设相关工作,湖南微网站开发在今天的Web开发学习中#xff0c;我掌握了一些HTML和CSS的基础知识#xff0c;下面我将分享我的学习笔记#xff0c;帮助大家快速构建一个简单的Web界面。
一、HTML基础标签
1. 网站头
使用title标签定义网页的标题。
html
title我的第一个网页/t…在今天的Web开发学习中我掌握了一些HTML和CSS的基础知识下面我将分享我的学习笔记帮助大家快速构建一个简单的Web界面。
一、HTML基础标签
1. 网站头
使用title标签定义网页的标题。
html
title我的第一个网页/title2. 标题
使用h1到h6标签定义标题其中h1表示最大标题h6表示最小标题。
html
h1一级标题/h1
h2二级标题/h23. 段落
使用p标签划分段落。
html
p这是一个段落。/p4. 换行
使用br标签进行换行。
换行前br换行后5. 实体字符
在HTML中某些字符需要使用实体字符表示。
lt; 表示 gt; 表示 nbsp; 表示空格copy; 表示 ©
二、CSS布局
1. div布局
使用div标签进行页面布局并通过style属性设置样式。
div stylebackground-color: cadetblue; height: 100px; idhead导航/div
div stylebackground-color: aqua; height: 400px; idmain内容/div
div stylebackground-color: blue; height: 100px; idbottom页脚/div三、图片与超链接
1. 图片
使用img标签插入图片并设置相关属性。
html
img srcimage.jpg width200 height150 title图片提示 alt图片加载失败2. 超链接
使用a标签创建超链接并通过target属性设置打开方式。
a hrefhttps://www.example.com target_blank访问示例网站/a_self在当前页面打开_blank在空白页面打开
四、表单
使用form标签创建表单并通过action、method和enctype属性设置表单提交的相关信息。
form actionsubmit_form.php methodget enctype账户input typetext nameunamebr密码input typepassword namepasswdbr手机input typetext namephonebr性别input typeradio namesex valuemale男input typeradio namesex valuefemale女br爱好input typecheckbox namehobby valuegame游戏input typecheckbox namehobby valuemovie电影input typecheckbox namehobby valuemusic音乐br/br所在城市select namecity option value北京北京/optionoption value上海上海/optionoption value广州广州/optionoption value深圳深圳/option/selectinput typesubmit namesm
/formmethod提交方式get和post。get方式提交的数据会显示在URL地址栏中而post方式不会。enctype文件编码格式通常用于文件上传。
五.iframe
iframe标签可以将其他网页嵌入到当前网页
iframe srchttps://www.baidu.com frameborder100 width100% height500px123/iframe 通过今天的学习我掌握了构建简单Web界面的基本方法。接下来我将继续深入学习更多Web开发知识不断提升自己的技能。希望这篇笔记对大家有所帮助
