HTMLCSS1.什么是HTML?全称是超文本标记语言----HyperText Markup Languuage分析全称不难看出,这是一门比普通文本语言功能更强,可以定义图片,音视频,通过标签由浏览器解析运行的语言.2.什么是CSS?全称是层叠样式表----Cascading Style sheet用来控制页面的样式HTML的基本语法标签作用img图片标签h1-h6标题标签hr水平分页标签CSS的基本语法1.怎么在HTML中引入CSS: 有三种引入方式,如下:名称语法描述实例行内样式在标签内使用style属性,属性值是CSS的键值对h1stylexxx中国/h1内嵌样式定义style标签,在标签内定义CSS样式styleh1{....}/style外联样式定义在link标签,通过href属性引入link rel styleheethref css/news.css2.什么时候用什么方式引入CSS方法1.内联样式会出现大量的重复代码,且后期维护复杂,所以少用2.内部样式,通过定义CSS选择器,让样式作用于当前页面的指定标签是上3.外部样式.HTML和CSS实现完全分离,企业开发用的最多的方式3.颜色表示在前段开发中,最常见的有三种,分别是关键字,RGB表示法,十六进制表示法等4.CSS选择器1.什么是CSS的选择器?就是我们选取需要设置样式的元素(标签),由于可选的标签太多,暂时只总结三种:元素(标签)选择器:--选择器的名字必须是标签的名字--作用就是选择器中的样式会同等作用于同名标签上div{ color:red }Id选择器--选择器的名字前需要加上#--作用:选择器的样式只作用于这个指定的Id上,而且是有且仅有这个标签(因为id是唯一的)#id属性值{ color:blue }类选择器--选择器前必须加 .(一个点)--作用就是他会将选择器中的样式作用于这个类中所有的属性值和该名字一样的类上,可以是多个.5.超链接1.在代码中怎么实现?通过标签a href...target...央视网/a属性:href:指定资源访问的URLtarget:指定在何处打开资源链接_self:默认值,在当前页面打开_blank:在空白页面打开标签1.视频和音频标签视频--video属性:作用src:规定视频的URLcontrols:显示播放控件width:播放器的宽度height:播放器的高度音频--audio属性:作用src规定音频的URLcontrols显示播放控件2.段落标签换行标签--注意:在前端开发中,回车换行和空格只在比较器有效,浏览器则解析不了,需要使用特定的标签段落标签--p这是一个段落3.文本格式标签效果标签标签(强调)加粗bstrong倾斜iem下划线uins删除线sdel补充CSS属性:1.text-indent:设置段落的首行缩进2.line-height:设置行高3.text-align:设置对齐方式,可取值为left/center/right盒子模型1.盒子是啥?为了方便我们操作而设计的一个矩形,里面包含页面中的所有元素2.盒子模型的组成content:内容区域padding:内边距区域border:边框区域margin:外边距区域布局标签我们在开发中常用的两个,因为这两个标签都没有含义所有方便布局1.div/div特点:一行只能显示一个,宽和高的都是默认但可以通过width和height设置2.span/span特点:可以一行显示多个内容,宽高默认,不能自己设置表格标签1.表格标签是什么?有何用?就是网页中的表格,由行和列组成,常用来统计数据2.表格标签用到的标签1.table:定义整个表格,里面可以包含多个tr,常用属性有:border:规定表格边框的宽度width:规定表格的宽度cellspacing:规定单元之间的空间tr:表格的行,可以包裹多个tdtd:普通的表格单元格,可以包裹内容,如果表头单元格,可以替换为th表单标签-----重点涉及到后端用1.什么是表单?就是我们平时在网页上看到的登录页面,注册页面这类页面.2.怎么用?表单标签form/form表单属性:1.action:规定提交和发送表单数据的URL(网址)2.method:规定发送表单数据的方式有两种GET和POSTGET:表单数据是xxxxxxxx?usernameTomage12,url中携带的数据大小有限制POST:表单数据是在请求体中携带的,没有大小限制3.表单项虽然表单项的形式各种各样,但是表单项的标签就三个input:表单项,通过type属性控制输入的形式.TYPE取值描述text默认值定义单行的输入字段password定义密码字段radio定义单选按钮checkbox定义复选框file定义文件上传按钮date/time/datetime-local定义日期/时间/日期时间number定义数字输入框email定义邮件输入框hidden定义隐藏域submit / reset / button定义提交按钮 / 重置按钮 / 可点击按钮:定义下拉列表,定义列表项/select定义下拉列表option:定义列表项textarae:文本域
