济宁万达网站建设,微信公众号文章wordpress,网站获取qq号码 代码,房产交易网站建设策划案一,HBuilder –1,使用 直接解压就可以用, 创建项目: 直接点击 新建项目,输入项目名和选中项目存放位置,创建. 创建资源: 选中项目,右键,新建…
二,HTML –1,概述 是超文本标记语言,专门用来制作网页的. 超文本: 网页中可以包含各种类型的元素.包括: 文字,数字,符号,图片,音频,…一,HBuilder –1,使用 直接解压就可以用, 创建项目: 直接点击 新建项目,输入项目名和选中项目存放位置,创建. 创建资源: 选中项目,右键,新建…
二,HTML –1,概述 是超文本标记语言,专门用来制作网页的. 超文本: 网页中可以包含各种类型的元素.包括: 文字,数字,符号,图片,音频,视频… 标记语言: 是一个独特的语言,有独特的语法. 由大量的标记来描述的一门语言… 网页文件的后缀名: .html / .htm
–2,入门案例 !-- 这是HTML的注释,这行用来作为文档声明行,声明这是一个HTML文档 --
!DOCTYPE html
!-- HTML是由大量标记组成,有开始标签和结束标签 --
html!-- head用来描述网页的属性 --headmeta charsetutf-8 !-- 设置网页的编码--titlehtml/title!-- 设置网页的标题 --/head!-- body用来控制浏览器即将展示的内容 --bodyhello html~hello html~ br/ !-- br是换行,自闭标签--hello nbsp; nbsp;html~ !--nbsp;是空格 --/body
/html
三,HTML的常用标签 –1,标题标签 在网页中插入一些标题元素(居中,字号加大) !DOCTYPE html
htmlheadmeta charsetutf-8title常用标签/title/headbody!-- hbuilder的常用快捷键:复制粘贴ctrl c/v剪切ctrl x--!-- 1.标题标签 h1大~h6小,自动换行,字体加粗 --h131省份新增本土确诊41例 陕西35例/h1h231省份新增本土确诊41例 陕西35例/h2h331省份新增本土确诊41例 陕西35例/h3h431省份新增本土确诊41例 陕西35例/h4h531省份新增本土确诊41例 陕西35例/h5h631省份新增本土确诊41例 陕西35例/h6/body
/html
–2,列表标签 在网页中加入列表效果 !DOCTYPE html
htmlheadmeta charsetutf-8title常用标签/title/headbody!-- 2.列表标签: 有序无序,列表项自动换行 --h3热搜榜/h3!-- 2.1 无序列表:使用ulli , unorderlistlist --ul li31省份新增本土确诊41例 陕西35例/lili稳住农业基本盘做好三农工作/li/ul!-- 2.2 有序列表:使用olli , orderlistlist --ol li31省份新增本土确诊41例 陕西35例/lili稳住农业基本盘做好三农工作/li/ol/body
/html
–3,图片标签 超链接标签 在网页中加入图片元素 !DOCTYPE html
htmlheadmeta charsetutf-8title常用标签/title/headbody!-- 练习:做一个能被点击的图片 --a hrefhttps://www.baidu.com img src3.jpg/ /abr /!-- 4.超链接 href属性用来让超链接可以被点击,也可以指定点击的跳转网址target属性用来让指定超链接的打开方式,默认是_self当前窗口打开_blank是用新窗口打开--a href#百度一下/a br /a hrefhttps://www.baidu.com/ target_blank百度一下/a br /!-- 4.2.锚定:从一个位置回到指定的另一个位置 --a nametop我是顶部/ah1北京富婆通讯录/h1h1北京富婆通讯录/h1h1北京富婆通讯录/h1h1北京富婆通讯录/h1h1北京富婆通讯录/h1h1北京富婆通讯录/h1h1北京富婆通讯录/h1h1北京富婆通讯录/h1h1北京富婆通讯录/h1h1北京富婆通讯录/h1h1北京富婆通讯录/h1h1北京富婆通讯录/h1a href#top ^ /a br /!-- 3.图片标签: 同行展示多个图片src属性用来指定图片位置/路径(如果图片和网页文件在同级文件夹可以直接写图片名称)width属性用来指定图片的宽度,单位是像素pxheight属性用来指定图片的高度,单位是像素px--img src3.jpg width30% height800px/img src3.jpg/img src3.jpg//body
/html
–4,Input标签 !DOCTYPE html
htmlheadmeta charsetutf-8title常用标签/title/headbody!-- 1.input标签,表示输入框 --普通的输入框: input typetext/ br /密码输入框: input typepassword/br /数字输入框: input typenumber/br /日期输入框: input typedate/br /星期输入框: input typeweek/br /单选框: input typeradio/男 br /多选框: input typecheckbox/吃饭 br /普通按钮:input typebutton value保存/button注册/buttonbr /提交按钮:把用户在浏览器输入的数据,提交给后端的java程序来处理input typesubmit value保存/button typesubmit保存/button/body
/html
