那个视频网站可以做桌面背景,荆州哪个公司做网站,全国建筑四库一平台,建设大型网站建设标签 标签的分类 按结构分#xff0c;html标签可以分为单标签和双标签。 单标签 由一个标签组成。例如#xff1a;
br/
hr/
img/ 双标签 由开始标签和结束标签两部分构成#xff0c;例如#xff1a;
a/a
h/h
html标签可以分为单标签和双标签。 单标签 由一个标签组成。例如
br/
hr/
img/ 双标签 由开始标签和结束标签两部分构成例如
a/a
h/h
p/p
div/div按照属性分标签还可以分为块级标签和行内标签行内标签又叫做内联标签。 块级标签和行内标签的区别 块元素是以另起一行开始渲染的元素行内元素则不需另起一行。 标签的两个重要属性 id值 相当于是人的身份证一个文档中id值不能够重复必须唯一。 class值 是可以有多个的一个标签可以有多个class值一个class值也可以被多个标签拥有。 标签的嵌套 标签之间是可以互相嵌套的标签套标签 块儿级元素是可以嵌套所有的标签的 p标签不能够嵌套块儿级元素但是它可以嵌套行内元素 行内元素只能嵌套行内元素不能够嵌套块儿级元素非写了嵌套也不报错只不过是没有效果。 html常用标签 div标签与span标签 div标签用来定义一个块级元素一般用在占位置布局span标签用来定义内联(行内)元素一般用在占文本布局。它们并无实际的意义主要通过CSS样式为其赋予不同的表现。 img标签 img标签的写法
img src图片的路径 alt图片未加载成功时的提示 title鼠标悬浮时提示信息 width宽 height高(宽高两个属性只用一个会自动等比缩放) 说明src中可以写内部的图片地址也可以写外链的地址 。 a标签 a标签的功能 a标签指的是超链接标签所谓的超链接是指从一个网页指向一个目标的连接关系这个目标可以是另一个网页也可以是相同网页上的不同位置还可以是一个图片一个电子邮件地址一个文件甚至是一个应用程序。 a标签的写法
a hrefhttp://www.oldboyedu.com target_blank 点我/a a标签的href属性 href属性指定目标网页地址。该地址可以有几种类型 绝对URL - 指向另一个站点比如 hrefhttp://www.jd.com 相对URL - 指当前站点中确切的路径hrefindex.htm 锚URL - 指向页面中的锚href#top a标签的target属性 _blank表示在新标签页中打开目标网页 _self表示在当前标签页中打开目标网页 列表标签 列表分为无序列表、有序列表和标题列表。 无序列表 无序列表的写法
ul typediscli第一项/lili第二项/li
/ul 无序列表的type属性 disc实心圆点默认值 circle空心圆圈square实心方块none无样式 有序列表
ol type1 start2li第一项/lili第二项/li
/ol 有序列表的type属性: 1 数字列表默认值A 大写字母a 小写字母Ⅰ大写罗马ⅰ小写罗马 标题列表
dldt标题1/dtdd内容1/dddt标题2/dtdd内容1/dddd内容2/dd
/dl 表格标签 表格是一个二维数据空间一个表格由若干行组成一个行又有若干单元格组成单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其它的表格等内容。 表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式即按行和列组织的数据。 表格的基本结构
tabletheadtrth序号/thth姓名/thth爱好/th/tr/theadtbodytrtd1/tdtdjason/tdtd杠娘/td/trtrtd2/tdtdYuan/tdtd日天/td/tr/tbody
/table 表格的属性 border: 表格边框.cellpadding: 内边距cellspacing: 外边距.width: 像素 百分比.最好通过css来设置长宽rowspan: 单元格竖跨多少行colspan: 单元格横跨多少列即合并单元格 form表单 表单用于向服务器传输数据从而实现用户与Web服务器的交互表单能够包含input系列标签比如文本字段、复选框、单选框、提交按钮等等表单还可以包含textarea、select、fieldset和 label标签。 表单属性
表单属性 属性 描述 accept-charset 规定在被提交表单中使用的字符集默认页面字符集。 action 规定向何处提交表单的地址URL提交页面。 autocomplete 规定浏览器应该自动完成表单默认开启。 enctype 规定被提交数据的编码默认url-encoded。 method 规定在提交表单时所用的 HTTP 方法默认GET。 name 规定识别表单的名称对于 DOM 使用document.forms.name。 novalidate 规定浏览器不验证表单。 target 规定 action 属性中地址的目标默认_self。 表单元素 基本概念 HTML表单是HTML元素中较为复杂的部分表单往往和脚本、动态页面、数据处理等功能相结合因此它是制作动态网站很重要的内容。 所以表单一般用来收集用户的输入信息。 表单工作原理 访问者在浏览有表单的网页时可填写必需的信息然后按某个按钮提交。这些信息通过Internet传送到服务器上。 服务器上专门的程序对这些数据进行处理如果有错误会返回错误信息并要求纠正错误。当数据完整无误后服务器反馈一个输入完成的信息。 css及选择器 css介绍 CSSCascading Style Sheet层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表它就会按照这个样式表来对文档进行格式化渲染。 每个CSS样式由两个组成部分选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 css注释
/*这是注释*/ css的引入方式 行内样式 行内式是在标记的style属性中设定CSS样式。
p stylecolor: redHello world./p 内部样式 行内式是在标记的style属性中设定CSS样式。
headmeta charsetUTF-8titleTitle/titlestylep{background-color: #2b99ff;}/style
/head 外部样式 将css写在一个单独的文件中然后在页面进行引入。
link hrefmystyle.css relstylesheet typetext/css/ 基本选择器 id选择器
#i1 {background-color: red;
} 类选择器
.c1 {font-size: 14px;
}
p.c1 {color: red;
} 元素选择器
p {color: red;} 通用选择器
* {color: white;
} 组合选择器 后代选择器 li内部的a标签设置字体颜色
li a {color: green;
} 儿子选择器
divp {font-family: Arial Black, arial-black, cursive;
} 毗邻选择器
divp {margin: 5px;
} 弟弟选择器
#i1~p {border: 2px solid royalblue;
} 属性选择器 用于选取带有指定属性的元素
p[title] {color: red;
} 用于选取带有指定属性和值的元素
p[title213] {color: green;
}
