能免费做网站建网站需要多少钱和什么条件

当前位置： 首页 > news >正文

能免费做网站,建网站需要多少钱和什么条件,wap网站适配,正规的品牌网站建设服务目录 一、HTML概述 1.HTML是什么#xff1f; 2.HTML具体化解释 二、HTML基本语法 1.声明

1. Head头标签 3.body身体标签 4.一个html的基本结构 5.标签 6.标签属性 ①属性的格式
   ②属性的位置 ③添加多个属性 三、基本常用标签 1.超链接 2.图像标签 ①图像标…目录 一、HTML概述 1.HTML是什么 2.HTML具体化解释 二、HTML基本语法 1.声明
2. Head头标签 3.body身体标签 4.一个html的基本结构 5.标签 6.标签属性 ①属性的格式  ②属性的位置 ③添加多个属性 三、基本常用标签 1.超链接 2.图像标签 ①图像标签的基本用法 3.特殊符号转义 四、表格 1.表格的基本构成标签 2.表格的基本结构 3.表格属性 五、表单 1.form标签表单 2.表单——文本 3.表单——其它表单  4.表单——下拉框 5.表单——多行文本域 6.表单——按钮  一、HTML概述 1.HTML是什么 HTML是超文本标记语言 (HyperText Markup Language)。 超文本:是指页面内可以包含图片、链接、声音,视频等内容 标记:标签(通过标记符号来告诉浏览器网页内容该如何显示) 2.HTML具体化解释 浏览器根据不同的HTML标签解析成我们看到的网页  二、HTML基本语法 1.声明 html5的文档声明     !DOCTYPE html 如果不声明解析网页时会产生一些不可预期的行为所以我们应该避免出现 2. Head头标签 Head标签包含了所有的头部标签 ● 头部区域的标签标签为: title, style, meta, link, script title    标签可定义网页的标题 meta 标签可提供有关页面的元信息meta-information比如针对搜索引擎和更新频度               的描述和关键词。 meta /meta charsetutf-8 /标签位于文档的头部 link relicon hrefico地址标题处添加图标 ● 具体代码实现:  !– 头标签 –headmeta charsetutf-8 / !– 网页字符集 –meta nameKeywords content家电手机/ !– 设置网页关键字让搜索引擎查找的 –title我的第一张网页/title !– 网页标题 –link hrefimg/baidu.ico relicon/!– 标题上的图标 –/head 3.body身体标签 身体标签用来写网页内容的 !– 身体标签用来写网页内容的 –body textyellow bgcolorblue网页内容/body 4.一个html的基本结构 !– !DOCTYPE htmlhtml5的文档声明 – !DOCTYPE html html!– 头标签 –headmeta charsetutf-8 / !– 网页字符集 –meta nameKeywords content家电手机/ !– 设置网页关键字让搜索引擎查找的 –title我的第一张网页/title !– 网页标题 –link hrefimg/baidu.ico relicon/!– 标题上的图标 –/head!– 身体标签用来写网页内容的 –body textyellow bgcolorblue网页内容/body /html 5.标签 ● HTML中的标记指的就是标签 ● HTML使用标记标签来描述网页 结构 开始标签 标签体 /结束标签 闭合标签双标签             标签名  属性  /完成一个特定的设置功能没有标签体 自闭和标签单标签       meta charsetutf-8 /           br/ 换行标签 6.标签属性 标签可以拥有属性,属性进一步说明了该标签的显示或使用特性。属性写在标签的开始标签中 一个标签可以有多个属性 如body textred bgcolorgreen   属性名值 如body text”red” ①属性的格式  属性名 “属性值“ ②属性的位置 标签名 属性名 “属性值“ xxx/标签名 ③添加多个属性 标签名 属性名 “属性值“ 属性名 “属性值“ xxx /标签名 三、基本常用标签 ● 标题标签 h1/h1…..h6/h6 ● 段落标签 p/p ● 换行标签 br/ ● 列表 无序列表ulli/li/ul 有序列表olli/li/ol ● 超链接a/a ● 图像标签img/ 1.a超链接 HTML使用超级链接与网络上的另一个文档相连通俗的说就是 通过连接来访问其他网页资源。 target:默认值为_self href (Hypertext Reference超文本引用) 规定链接指向的页面的URL(页面地址) URL(Uniform Resource Locator)统一资源定位符 !DOCTYPE html htmlheadmeta charsetutf-8title/title/headbody!– 超链接标签href链接地址 URL– 文件的地址target打开的位置 _self(默认) 在自己本窗口打开一个新的网页–a hrefhttp://www.baidu.com target_self百度/aa hrefhttp://www.baidu.com target_blank百度/aa hrefindex.html首页/a/body /html 2.图像标签 ①图像标签的基本用法 注 图片的宽高一般不建议使用  htmlheadmeta charsetutf-8title/title/headbodya idtop/aa href#p1图片1/aa href#p2图片2/aa href#p3图片3/aa href#p4图片4/aa href#p5图片5/ah2a idp1/a图片1/h2img srcimg/1.png/!– a idp1/a 在网页中定义一个锚点–h2a idp2/a图片2/h2img srcimg/2.png/h2a idp3/a图片3/h2img srcimg/3.png/h2a idp4/a图片4/h2img srcimg/4.png/h2a idp5/a图片5/h2img srcimg/5.png/p alignrighta href#top返回顶部/a/p/body /html 3.特殊符号转义 ① 和 ,我们不能直接在页面中使用 和 号因为浏览器会将它解析为html签 ②b 会被解析为b标签 ③空格,再多的空格都会当一个空格处理 为了可以使用这些预留字符我们必须在html中使用字符转义 小于号                      lt; 版权©                       copy; 大于号                     gt; 商标™                    trade; 空格                          nbsp; 注册商标®              reg;   !DOCTYPE html htmlheadmeta charsetutf-8title/title/headbodylt;bgt;标签的功能是加粗文件百nbsp;nbsp;nbsp;nbsp;nbsp;度reg;copy;trade;/body /html 四、表格 1.表格的基本构成标签 table标签表格标签 tr标签     表格中的行 th标签:       表格的表头 td标签    表格单元格 2.表格的基本结构 table定义表格 tr定义表行 th定义表头/th /tr tr td定义单元格/td /tr /table tr    表示一个行 th    表示一个单元格还是表头内容会加粗并且居中 设置宽度 td    表示一个普通单元格 3.表格属性 width  表格的宽 height  表格的高 cellspacing 设置内容到 边框和内边距 cellpadding 设置单元格与单元格之间的外边距 align 设置内容水平对齐方式  left center right valign cospan 合并列  从哪列开始合并,在哪列添加colspan合并的数量 记得删除多余的单元格 rowspan 合并行  跨行合并单元格 !DOCTYPE html htmlheadmeta charsetutf-8title/title/headbodytable border1 width400 cellspacing0tr height40th姓名/ththjava/thth width100C/ththpython/th/trtrtdzz/tdtd78/tdtd80/tdtd95/td/trtrtdyy/tdtd78/tdtd80/tdtd95/td/trtrtdll/tdtd78/tdtd80/tdtd95/td/trtable/body /html !DOCTYPE html htmlheadmeta charsetutf-8title/title/headbodytable border1 width400 height300trtd colspan4 /td/trtrtd/tdtd/tdtd/tdtd rowspan3/td/trtrtd/tdtd/tdtd/td/trtrtd/tdtd/tdtd/td/tr/table/body /html 五、表单 1.form标签表单 网页表单中有许多可以输入或选择的组件,用户可以在表单中填写信息,最终提交表单,把客户端数据提交至服务器 2.表单——文本 3.表单——其它表单  • 密码框基本语法 input type“password ” value“ 123456 ” / • 单选按钮基本语法 input typeradio value男 checkedchecked“/ • 复选框基本语法 input type“checkbox” namecb2“ valuetalk“/ !!!注意单选框通过name属性来分组name相同是一组才可实现单选。单选和复选不能输入内                  容所以必须指定value的值 • 文件选择框语法 input type“file” name“img”/ accept“.文件后缀名,.文件后缀名… “ 限制文件类型 4.表单——下拉框 ● 基本语法 下拉框的name,id,事件等需要在select中定义而value需要在option中定义 5.表单——多行文本域 ● 多行文本域基本语法 textarea name textarea cols 40 rows 6 文本域中的内容 / textarea 6.表单——按钮  ● 按钮基本语法 input typereset nameReset value 重填 typesubmit 提交按钮 触发表单的提交 typereset  重置按钮  让表单回到默认状态 typebutton 普通按钮  是用来触发事件 !DOCTYPE html htmlheadmeta charsetutf-8title/title/headbodyform actionserver.html methodget账号:input typetext nameaccount value placeholder请输入用户名 / br/ 密码:input typepassword namepassword/ br/ 性别:input typeradio namegender value男 checked/ 男input typeradio namegender value女/ 女br/是否满意:input typeradio namea value同意 checked/同意input typeradio namea value不同意/不同意br/课程: input typecheckbox namecourse valuejava checked/java input typecheckbox namecourse valuec/c input typecheckbox namecourse valuesql/sql input typecheckbox namecourse valuehtml/html br/附件: input typefile namefile/ br/省份: select nameprovinceoption请选择/optionoption value101北京/optionoption value102 selected上海/optionoption value103陕西/option/select br/1111地址:textarea rows5 cols30 nameaddress1111/textarea br/input typesubmit value保存/br/input typereset/input typebutton value登录 onclickalert(你好);//form/body /html