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

本文详细介绍了HTML标签的分类、常见标签及其属性,包括成对标签、独立标签、颜色设置、注释和字符实体,以及HTML文档结构、表单元素、表格和表单的创建。深入探讨了关键元素如title、base、meta等在文档中的角色。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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键

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值