html辅助方法以及常用属性值,学习html辅助

1、html标签分为两种:

一种为成对标签,也就是说标签有开始有结束有内容,如:

文字

段落标签

一种为独立标签,只有标签,没有内容,%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80图片标签

2、常用的html标签(标签字母不区分大小写)

    定义为html超文本文档;

标题(定义文档标题标签)

html图像标签%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

html超链接标签(超链文字)

html层的样式标签
定义html表格列html表单标签

定义表单输入域,输入型标签


html分割线标签

3、html标签属性

1、html属性一般都出现在html标签中,是html标签的一部分

基本语法为下:

2、标签可以有属性,包含额外信息,属性值一定要用双引号,标签可以拥有多个属性,属性由属性名和值成对出现。

百度首页             => 定义百度首页超链

baidu.png        =>插入一张图片并设置宽高

3、在设置颜色属性时,有俩种设置方法,第一种为直接将颜色的英文写入属性值,另一种是写入十六进制颜色值

4、html注释写法  =>  

5、html字符实体

意为一些代码所代表的字符,用数值码和引用实体两种方式表示:

"          =>  “

<          =>    <

>          =>    >

&       =>     &

         =>   空格

©        =>      ©

6、HTML主题结构

1、title 标签代表html的标题

2、base 标签将相对url转换为完整的绝对url

3、meta 标签用于定义文件信息的名称,内容等信息

4、link 标签在文档中声明使用的外接资源时使用此标签

5、style 标签在文档中声明使用样式时使用此标签

6、script 标签在文档中使用JavaScript脚本

7、HTML文档主体标记

body标签的常用属性

text设定页面文字的颜色

bgcolor设定页面的背景颜色

background设定页面背景图片

bgroperties设定背景图像为固定

link设定页面默认的链接颜色

alink设定鼠标正在点击时的颜色

vlink设定访问后的链接颜色

topmargin设定页面的上边距

leftmargin设定页面的左边距

8、HTML的格式标签


换行标签

段落标签,里面可以加入文字列表表格

居中对齐标签
按原文显示标签
代表html列表项目,每一个列表项使用一对
  • 代表html无序列表,里面每一列表项使用
  • 标签定义
    1. 代表html有序标签,里面每一列表项使用
    2. 标签定义
      水平分割线

      9、HTML的文本标签

      标题字体标签,h1-h6有效

      粗体字体标签

      下划线字体标签

      斜体字体标签

      文本下标字体标签

      文本上标字体标签,类似次方的效果

      字体标签

      打字机文字

      用于引证、举例、通常为斜体

      表示强调,通常为斜体

      表示强调,通常为粗体

      小型字体标签

      大型字体标签

      10、HTML建立锚点和超链接

      a标签 ----  代表HTML链接

      常用属性:

      href代表url资源链接

      target用来指出在哪个窗口打开此链接(默认为_self;在当前窗口打开)

      ·target="_blank"在新窗口打开

      ·target="_parent"将此链接的内容,当成文件的另一个画面

      ·target="_top"这个参数可以解决新内容被旧框包围的困扰,使用这个参数,会将整个画面重新显示成画面内容

      title代表链接的附加信息

      链接语法:

      百度首页

      锚点:

      通常在当前文件中定位一个地方去跳转,而不是去跳转别的网页

      锚点也支持在另一个文件中定位当前文件的锚点位置

      定义定点锚点:

      位置1

      跳转到定点锚点:

      名称1

      定义跳转到顶部:

      跳转到顶部

      11、HTML表格标签

代表列名,根据多少列来定

table标签属性:

align定义位置

border边框属性(值为0表示没有,值为多少即为表示有多少像素的边框)

bordercolor 边框颜色属性

caption表头用于定义表格名称的位置,此标签要写在table标签中

12、HTML表格标签常用属性

table标签属性:

width代表表格宽度

height代表表格高度

border代表表格边框

cellspacing代表表格边框与表格内容填充距离

cellpadding代表内容填充的宽度

th和td标签属性:

width和height代表宽度与高度

colspan代表一行跨多列

rowspan代表一列跨多行

align代表水平对齐方式

valign代表垂直对齐方式

tr标签属性:

align代表水平对齐方式

valign代表垂直对齐方式

13、HTML表单应用

表单元素中的控件:

1、单行文本输入框(text)

2、密码输入框(password)

3、单选按钮(radio)

4、下拉列表(select)

5、复选框(checkbox)

6、重置按钮(reset)

7、多行文本框(textarea)

8、提交按钮(submit)

标签:

代表html表单标签

常用属性:

action浏览器输入的数据被传输到另一个地方,如一个PHP页面

method数据传输方式(一般有两种:GET和POST,并且可以混合使用)

enctype将数据发送给服务器的编码类型

·application/x-www-form-urlencoded   标准编码格式

·multipart/form-data窗体数据被编码成为一条消息,页上的每一个控件对应消息的一个部分(文件上传时用)

·text/plain以纯文本格式编码,其中不含任何控件和字符

14、HTML input标签

input代表html单行输入域,为单独标签

常用属性为:

·type代表一个输入域的显示方式(分为输入型,选择型,选择型)

·text文字输入域

·passwor密码输入,会以掩码形式展示

·file输入型,文件路径

·checkbox复选框

·radio单选框

·hidden代表影藏域

·button按钮点击型

·image使用图片来显示按钮

·submit提交按钮

·reset重置按钮

·name此表单项名称

·value输入域的值

·size输入域的长度

·maxlength最多可输入的长度

·checked如果是选择型的输入域,则代表已选择

·readonly输入域可以选择,但是无法修改

·disabled输入域不可获得焦点,不可选择,在表单中不起任何作用

·accesskey表单的快捷键访问方式,

·tabindex输入域的tab键便利顺序

·src当使用图片来表示按钮,代表图片位置

·alt用来替换提交按钮的图片

·textarea多行输入域

·cols行数

·rows列数

·name表单项的名称

·accesskey表单快捷访问方式

·disable不可操作

·readonly只读

·tabindextab键

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值