一 网站建设的目的和目标,电子商务网站搭建方案,全国城建培训中心官网查询证书,网站如何才能被百度收录1.1 htmlHTML:超文本标记语言(Hyper Text Markup Language)#xff0c;标准通用标记语言下的一个应用。HTML 不是一种编程语言#xff0c;而是一种标记语言 (markup language)#xff0c;是网页制作所必备的WEB开发工具#xff1a;hbuilder/webstorm/vs code/eclpise最简单…1.1 htmlHTML:超文本标记语言(Hyper Text Markup Language)标准通用标记语言下的一个应用。HTML 不是一种编程语言而是一种标记语言 (markup language)是网页制作所必备的WEB开发工具hbuilder/webstorm/vs code/eclpise最简单的HTML!DOCTYPE html ----告诉浏览器当前HTML语言使用的是第5个版本2014年发布html ---根标签一般有2个标签headbody标签 head ---head标签里的内容一般不直接现实在页面上用来说明和描述网页文档 meta charsetutf-8 / ---申明文档使用的是UTF-8的编码 title/title ----说明网页标题 /head body ---body标签放置真正显示的内容 /body/html标签左右尖括号括起来的内容就是标签。单标签和双标签。双标签是有起始和结束标签。HTML常用标签网页内容的标题标签H1,H2,H3...H6都是网页内容的标题标题h1标题1/h1h2标题2/h2h6标题6/h6网页注释标签!--标题标签--段落标签p超文本标记语言的结构包括“头”部分英语Head、和“主体”部分英语Body其中“头”部提供关于网页的信息“主体”部分提供网页的具体内容。/p图片标签img srchttps://timgsa.baidu.com/timg?imagequality80sizeb9999_10000sec1558591161852di1bd06fab6bc654369456cf33bff60f07imgtype0srchttp%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201410%2F21%2F20141021205157_j2TL2.thumb.700_0.jpeg/最常用容器标签!--最常用的容器标签,因为块级标签没有其他多余的样式--divhello/div链接标签跳转到淘宝a hrefhttp://www.taobao.com淘宝/a跳转当前页面的某个地方a href#跳转到相对应的元素的ID主要作品/a1.2 列表表单标签form表单标签action:将表单数据提交给什么服务器服务器的地址method:get/post get和post区别get会将表单提交的内容直接放在请求的URL地址里效率高不安全。post不会将表单数据显示到url上会放置在请求的body上。 搜索/正常的请求就会使用get 登陆/注册等比较隐私和安全的内容时候就需要用到POST,上传文件的时候也会用到postinput标签有多种类型type》text文本输入password(密码)radio:单选框注意单选框如果选择的内容是同一项内容那么多个输入input标签的name值必须一致。checkbox:复选框选择的内容是同一项内容那么多个输入input标签的name值必须一致color:输入颜色少用date:时间标签少用selectoptiontextarea长文本输入标签案例!DOCTYPE html
1.3 css层叠样式表(英文全称Cascading Style Sheets)是一种用来表现HTML标准通用标记语言的一个应用或XML标准通用标记语言的一个子集等文件样式的计算机语言。CSS使用1、style属性上直接使用h1 stylecolor:purple;今晚吃什么/h1h1 stylecolor: greenyellow;吃鸡/h12、Style标签上使用语法style typetext/css选择器{样式的内容}/styleCSS常用选择选择器元素选择器元素名称Class选择器.类名ID选择器#id名称3、Link标签引入css文件使用link relstylesheet typetext/css hrefcss/style.css/优先级情况元素内style属性的优先级idclass元素默认的浏览器样式继承的样式越复杂的选择器优先级越高备注!Important,将样式的优先级提高到最高 文字Color:文字颜色Font-size:文字的大小font-family:文字字体尽量使用黑体微软雅黑宋体普通用户都有的字体Font-weight:字体粗细,100-900,具体的粗细根据字体文件本身有什么粗细的字体来决定Text-align:文字的排版left,center,rightLine-height:行高行与行之间的高度Text-shadow:文字阴影text-shadow: 0 0 10px orange,0 0 20px yellow;Text-shadow:水平偏移值 垂直偏移值 阴影的模糊度 阴影的颜色设置多个阴影用逗号隔开容器盒子Box-size:设置盒子模型Width:宽度Height:高度Padding:内边距Margin:外边距Border:边框Box-shadow:盒子阴影Display:设置盒子是块级元素还是行级元素还是弹性元素Background:设置元素的背景背景图片背景颜色