热门关键字:
jquery > jquery教程 > jquery教程 > HTML结构+常用标签

HTML结构+常用标签

278
作者:管理员
发布时间:2021/3/5 11:42:56
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4096
  1. html 介绍


  html叫超文本标记语言,是开发网页的语言


  html中的标签大多数都是成对出现的, 格式: <标签名></标签名>


  2. html 基本结构


  3. vscode介绍


  一款HTML编辑器


  4. 常用标签及嵌套


  5. 绝对路径和相对路径的使用


  6. 列表标签


  无序列表:


  有序列表


  嵌套列表标签:


  列表标签有无序列表标签(ul标签)和有序列表标签(ol标签)列表项目对顺序有要求的时候使用ol标签列表项目对顺序无要求的时候使用ul标签


  7. 表格标签


  表格边线合并:


  border-collapse 设置表格的边线合并,如:border-collapse:collapse;


  表单标签和表单元素标签的使用


  1.表单用于搜集不同类型的用户输入(用户输入的数据),然后可以把用户数据提交到web服务器 。


  9. 表单提交


  表单属性设置:


  标签 表示表单标签,定义整体的表单区域 action属性:设置表单数据提交地址 melhod属性: 设置表单提交的方式,一般有GET方式和POST方式,不区分大小写


  表单元素属性设置


  name属性:设置表单数据提交地址


  value属性:设置表单元素的值,该值是提交数据时参数名所对应的值


  a.表单标签的作用就是可以把用户输入数据一起提交到web服务器。


  b.表单属性设置


  1. action: 是设置表单数据提交地址


  2.method: 是表单提交方式,提交方式有GET和POST


  c.表单元素属性设置


  1.name: 表单元素的名称,用于作为提交表单数据时的参数名


  2.value: 表单元素的值,用于作为提交表单数据时参数名所对应的值


  css介绍


  css(Cascading Style Sheet)层叠样式表,它是用来美化页面的一种语言。


  美化界面, 比如: 设置标签文字大小、颜色、字体加粗等样式。控制页面布局, 比如: 设置浮动、定位等样式。


  选择器{


  样式规则


  }


  样式规则:


  属性名1:属性值1;


  属性名2:属性值2;


  属性名3:属性值3;


  选择器:是用来选择标签的,选出来以后给标签加样式。


  css 是由两个主要的部分构成:选择器和一条或多条样式规则,注意:样式规则需要放到大括号里面。


  css 引入方式


  css的三种引入方式


  行内式


  直接在标签的 style 属性中添加 css 样式


  优点:方便、直观。 缺点:缺乏可重用性。


  内嵌式(内部样式)


  在标签内加入


  优点:在同一个页面内部便于复用和维护。 缺点:在多个页面之间的可重用性不够高。


  3.外链式


  将css代码写在一个单独的。css文件中,在标签中使用标签直接引入该文件到页面中。


  优点:使得css样式与html页面分离,便于整个页面系统的规划和维护,可重用性高。 缺点:css代码由于分离到单独的css文件,容易出现css代码过于集中,若维护不当则极容易造成混乱。


  css引入方式选择


  CSS 选择器


  1.CSS选择器:是用来选择标签的,选出来以后给标签加样式。


  a. 标签选择器


  根据标签来选择标签,以标签开头,此种选择器影响范围大,一般用来做一些通用设置。


  b.类选择器


  根据类名来选择标签,以 . 开头, 一个类选择器可应用于多个标签上,一个标签上也可以使用多个类选择器,


  多个类选择器需要使用空格分割,应用灵活,可复用,是css中应用最多的一种选择器。


  c. 层级选择器(后代选择器)


  根据层级关系选择后代标签,以选择器1 选择器2开头,主要应用在标签嵌套的结构中,减少命名。


  d. id选择器


  根据id选择标签,以#开头, 元素的id名称不能重复,所以id选择器只能对应于页面上一个元素,不能复用,id名一般给程序使用,所以不推荐使用id作为选择器。


  e. 组选择器


  根据组合的选择器选择不同的标签,以 , 分割开, 如果有公共的样式设置,可以使用组选择器。


  f. 伪类选择器


  用于向选择器添加特殊的效果, 以 : 分割开, 当用户和网站交互的时候改变显示效果可以使用伪类选择器




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:css
友荐云推荐