前端知识入门了解.pptxVIP

前端; HyperText Markup Language;html head title标题内容/title meta charset=“utf-8”/ //文件的编码格式 /head body 网页体的内容 /body /html ※一个HTML文件包括头部head和内容body部分 在head里边可以设置文件编码格式meta charset=“utf-8”/ gbk——中文编码 △HTML5的第一行必须是 utf-8——国际通用编码 !DOCTYPE html;二、HTML常用标签;5.超链接标签 格式：a href=“链接地址”链接内容/a 如需打开新的窗口，则添加属性target=“_blank” 例：a href=“/” target=“_blank” 毒奶 粉/a;8.文字涉及其他标签 font重要属性（字体大小size：1——7；颜色color） del显示删除样式的文字 ins???示下划线文字 sup将显示内容偏上 sub将显示内容偏下 small缩小显示文字 ;10.表标签 table表结构的标签 属性（border、bordercolor、width、height、 bgcolor、 align） tr显示行的内容 th显示表的列明 td具体的属性内容 11.单选框标签（name属性值必须一致） input type=“radio” name=“参数名称” value=“提交给服 务器的值”/ 12.复选框标签（name属性值最好一致） input type=“checked” name=“参数名称” value=“提交 给服务器的值”/ 13.提交按钮 input type=“submit” value=“显示在提交板的内容/ ;14.下拉列表框标签 select name=“xxx” value=“最终选择的value” option value=“选项1的值”选项1/option ............. option value=“选项n的值”选项n/option /select 15.表单标签 form action=“提交到服务器的url” method=“post/get” 用户名：input type=“text” name=“参数名”//br 密码：input type=“password” name=“参数名”/ /br input type=“submit” value=“显示在提交器上的”/ input type=”reset” value=“重置”/ input type=“button” value=“普通按钮” / 16.块标签 div/div span/span行内级别标签 多个span可在同一行 pre——按照固有格式显示; Cascadinh Style Sheets;1.基本属性 id——指的是唯一标示 #id{}为该id的id选择器 name——标签名字 使用getElementByName调取名称 value——标签的取值 width——宽度 height——高度 class——类 .class{} 为该类的类选择器 div——区域 style——风格 background-color——背景颜色 background-sound——背景声音 显示风格style：这是一个通用属性，可以配合大部分标签 使用。 ①整体风格设置 style type=“text/css”标签属性/style ②局部标签设置 style=“ 属性名：属性值； ”;文字类 ：a、p、b、hx、del、sup、sub、font、ins、span、small 多媒体：img、video、embed 列表类 ：ul、ol、li、table、tr、td、th、datalist、sumary、id、list Form表单 ：action、method Type： text、password、submit、reset、button、email、url、number 、 range、date、time、week、month、nbsp Div：是一个块级元素，可定义文档中的分区或节（division/section），也 可以把文档分割为独立的、不同的部分。 2.CSS选择器（6种）（选择器的优先级：IDCLASS标