热门关键字:
jquery > jquery教程 > jquery教程 > Python基础 3.5 HTML CSS JS 和 JQuery

Python基础 3.5 HTML CSS JS 和 JQuery

248
作者:管理员
发布时间:2021/1/27 19:08:40
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3551
  所谓超文本,有2个意义


  网页中包含除了文本以外的数据内容,超越文本它还可以从一个网页跳转到其他网页


  ? 开发网页的语言


  在空html里!加tab键会快速生成模板


  标签不区分大小写,但是推荐使用小写。根据标签的书写形式,标签分为双标签(闭合标签)和单标签(空标签)


  2.1 双标签是指由开始标签和结束标签组成的一对标签,这种标签允许嵌套和承载内容,比如: div标签


  2.2 单标签是一个标签组成,没有标签内容, 比如: img标签


  当我们使用img标签的时候需要指定图片路径,同样的也有相对路径和绝对路径使用之分


  相对路径和绝对路径是 html 标签使用资源文件的两种方式,一般使用相对路径。相对路径是从当前操作的 html 文档所在目录算起的路径绝对 路径是从根目录算起的路径


  7.1无序列表标签(ul)


  快捷


  ul>li*需要的列表数


  7.2有序列表标签(ol)


  快捷


  ol>li*需要的列表数


  8.1表格标签结构


  表格标签 标记一个表格


  标记表格中的一行


  标记当前行的表头


  标记当前行的内容


  8.2 示例


  默认样式是没有表格线的,如果要有边线得加入属性,每个表格内容都可以加上线,但是全部表格加线会出现重线,这时候需要合并边线border-collapse


  [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6M38zjyY-1610963737056)(/Volumes/Data/SynologyDrive/MD/ProgramLanguage/Python/asset/QQ20201123-105648.png)]


  1.介绍


  用于搜集不同的用户输入,然后把用户输入内容发送到web服务器


  2.表单相关标签使用


  标签 表示表单标签,定义整体的表单区域标签 表示表单元素的文字标注标签,定义文字标注标签 表示表单元素的用户输入标签,定义不同类型的用户输入数据方式


  type属性


  type=“text” 定义单行文本输入框type=“password” 定义密码输入框type=“radio” 定义单选框type=“checkbox” 定义复选框type=“file” 定义上传文件type=“submit” 定义提交按钮type=“reset” 定义重置按钮type=“button” 定义一个普通按钮  标签 表示表单元素的多行文本输入框标签 定义多行文本输入框标签 表示表单元素的下拉列表标签 定义下拉列表


  标签 与标签配合,定义下拉列表中的选项


  3.示例


  1. 表单属性设置


  标签 表示表单标签,定义整体的表单区域


  action属性 设置表单数据提交地址method属性 设置表单提交的方式,一般有“GET”方式和“POST”方式, 不区分大小写


  GET 会把表单提交的数据,以在URL的形式提交到服务器,明文传输留下记录且不安全,一般用于提交搜索数据。POST 会把表单提交的数据,以请求体的方式提交到服务器,不会被记录,较为安全,一般用于提交账户密码之类的内容。


  2. 表单元素属性设置


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


  3.应用 制作一个跳转Baidu搜索的提交表单


  层叠样式表,是美化页面的语言


  美化页面,设置文字大小属性控制页面布局


  选择器{


  样式规则


  属性名1:值1;


  属性名2:值2;


  }


  选择器选择的标签均套上一样的样式


  1.行内式


  直接在标签里面写样式规则填属性,方便直观但是可重复性低


  2.内嵌式(内部样式)


  在head标签里直接添加属性


  在同一页面便于重复利用和维护,但是多个页面依旧可重复性不高


  3.外链式


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


  在多个页面可重复性高,便于整个页面规划维护,但是容易出现css代码过去集中,维护不当容易混淆出错。


  1.标签选择器


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


  2.类选择器


  根据类名来选择标签,以 . 开头, 一个类选择器可应用于多个标签上,一个标签上也可以使用多个类选择器,多个类选择器需要使用空格分割,应用灵活,可复用,是css中应用最多的一种选择器。


  3.层选择器 (选择器1 选择器2)继承属性


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


  注意点: 这个层级关系不一定是父子关系,也有可能是祖孙关系,只要有后代关系都适用于这个层级选择器


  4.id选择器


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


  示例代码


  注意点: 虽然给其它标签设置id=“box”也可以设置样式,但是不推荐这样做,因为id是唯一的,以后js通过id只能获取一个唯一的标签对象。


  5.组选择器 (选择器1,选择器2)共用


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


  示例代码


  6.伪类选择器 (选择器1:选择器2)改变


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




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



关键字:jquery
友荐云推荐