HTML 常用属性

 -html概念:hyper  text    markup  language  (超文本标记语言) 

Html标签分类: 1  双标签   2  单标签

Html标签之间的关系:     1  嵌套关系 2  并列关系

 

Html单标记:

立即学习“前端免费学习笔记(深入)”;

横线标记

    换行标记
  

注释标记– 注释文本–>            ctrl+/

 

Html双标记

-标题标记    n 取值1-6

-段落标记

-文字格式化标记:

   控制网页文字颜色,大小,字体。

 与   文字加粗

 与    文字斜体

 与 文字下划线

文字删除线

                下标字 / 上标字

<img src="https://www.php.cn/faq/%E2%80%9D图像URL” alt=”图像不能显示时的替换文本” title=”鼠标悬浮时显示的内容” width/height=”XX”  / > 

目标窗口弹出方式_self / _blank”> 文本或图像

此处为空链   

锚点:

定义“md”>  

链接文本

注意需要英文的  ; 结尾才生效

特殊字符

描述

字符的代码

 

空格符

 &nbsp;

小于号

&lt;

大于号

&gt;

&

和号

&amp;

人民币

&amp;  

©

版权

&copy;

®

注册商标

&reg;

°

摄氏度

&deg;

±

正负号

&plusmn ;

×

乘号

&times;

÷

除号

&pide ;

²

平方2(上标2)

&sup2;

³

立方3(上标3)

&sup3;

 

列表(list)分为 :

无序列表UL

有序列表ol

自定义列表 dl

 

无序列表ul:

    

列表项目1

list-style:none;取消列表样式 disc/square/circle/

下图 

HTML 常用属性

有序列表ol

  

 

自定义列表dl

 

 

123

 

weqwe

 

qweq

 

  

Meta 标签介绍

Meta属性有两种:name和http-equiv 。

> 用以说明生成工具

 向搜索引擎说明自身网页关键词

 告诉搜索引擎本站点主要内容

告诉其制作者的名字

  设定为all:文件将被检索,且页面上的链接可以被查询;

  设定为none:文件将不被检索,且页面上的链接不可以被查询;

  设定为index:文件将被检索;

  设定为follow:页面上的链接可以被查询;

  设定为noindex:文件将不被检索,但页面上的链接可以被查询;

  设定为nofollow:文件将不被检索,页面上的链接可以被查询。

http-equiv属性

描述网页属性 编码

网页跳转

link标签

1:用来引用外部css

2:用来引用title图片(icon) “icon” href = “ 1.icon ”>

字符集 charset

utf-8是目前最常用的字符集编码方式,常用的字符集编码方式还有gbk和gb2312

gb2312 简单中文

GBK包含全部中文字符  繁体

BIG5   繁体中文

UTF-8则包含全世界所有国家需要用到的字符

 HTML 常用属性

 

表格 table        

  最简单的表格

表格的名字

加粗居中

 普通  

 

边框

 单元格与单元格之间的距离

 文字与单元格之间的距离

宽度

 高度

对齐方式

 背景色

 

 

 

表格的结构

在使用表格进行布局时,可以将表格划分为头部、主体和页脚,具体 如下所示:

:用于定义表格的头部,必须位于标记中,一般包含网页的 logo和导航等头部信息。

tfoot >:用于定义表格的页脚,位于标记中

标记之 后,一般包含网页底部的企业信息等。

:用于定义表格的主体,位于标记中

tfoot >标记之 后,一般包含网页中除头部和底部之外的其他内容。

Colspan 合并同一行  rowspan 合并同一列

 

表单 form

表单控件:包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、 重置按钮等。

提示信息:一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。

表单域:他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表 单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单  域,表单中的数据就无法传送到后台服务器。

Name  :定义表单的名称

Method : 传送方式 默认get

Action  : 指定表单处理程序的位置(服务器端脚本处理程序)

Fieldset : 把表单分组

Legend :分组名称

 

Input控件

控件类型>

                  控件语法

                  含义

文本输入框

密码输入框

单选框

复选框(多选框)

文件上传控件

普通按钮   value 设置显示文字

 HTML 常用属性

 

Textarea 控件

textarea控件可以轻松地创建多行文本输入框

 显示的行数” > 文本提示

 

Select 控件

用来制作下拉菜单

 HTML 常用属性

 

指定下拉菜单的可见选项 ”  multiple = “multiple”>

选项1

选项2

HTML 常用属性

 

账户信息

*用户名:

*密 码:

 

 

更多HTML 常用属性相关文章请关注PHP中文网!

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2835949.html

(0)
上一篇 2025年3月9日 06:06:49
下一篇 2025年3月9日 06:06:58

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • XHTML与HTML的区别

    xhtml的语法较为严谨,拥有一定的规则,如果不遵循规则的话容易出错。但也不必太过担心,因为xhtml的规则并不太难,它和html4.01标准没有太多的不同。 需要注意的是以下几点: 1.XHTML标签必须被正确的关闭,即使是单标签也要关闭…

    编程技术 2025年3月9日
    200
  • 编写高性能HTML应用

    你怎么能提高网页性能?   大多数开发者会通过JavaScript和图片来优化,通过服务器配置,压缩文件和合并文件 – 甚至调整CSS(合并小图片)。   可怜的HTML老是被忽视,尽管它一直是网络的核心语言。   HTML正在…

    编程技术 2025年3月9日
    200
  • HTML里为FLASH加链接并兼容各大浏览器

    在HTML里为FLASH加链接,其中a标签是解决FF,Chrome,Opera等浏览器点击不跳转的问题,感兴趣的朋友可以了解下先看代码              登录后复制 其中a标签是解决ff,chrome,opera等浏览器点击不跳转的…

    编程技术 2025年3月9日
    200
  • HTML中的文本框textarea标签

    textarea 用来创建一个可以输入多行的文本框,此标志对用于form标志对之间,他还支持一些事件的处理 用来创建一个可以输入多行的文本框,此标志对用于 标志对之间。具有以下属性: (1)onchange指定控件改变时要调用的函数(2)o…

    编程技术 2025年3月9日
    200
  • 关于html中meta的作用

    元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。 html 与 xhtml 之间的差异 在 html…

    编程技术 2025年3月9日
    200
  • HTML页面style中里面的作用

    是html的注释标签,高版本的浏览器会识别标签是样式表, 并忽略里面的html注释标签,会解析它, 低版本的浏览器有的不识别标签,就会把样式表的内容显示在页面上, 所以加上注释标签,这样就算低版本的浏览器不识别标签, 也不会把里面的内容显示…

    编程技术 2025年3月9日
    200
  • html中设置锚点定位的常见方法

    在html中设置锚点定位我知道的有几种方法,使用id定位、使用name定位、使用js定位,这些方法大家可以参考下在html中设置锚点定位我知道的有几种方法,在此和大家分享一下: 1、使用id定位: 代码如下: 锚点1   111111111…

    编程技术 2025年3月9日
    200
  • HTML中插入视频并兼容所有浏览器

    向HTML中插入视频有两种方法,一种是古老的object标签,一种是html5中的video标签,前者兼容性相对好些,后者兼容性让人头疼最常用的向HTML中插入视频的方法有两种,一种是古老的标签,一种是html5中的标签。 前者的兼容性没得…

    编程技术 2025年3月9日
    200
  • HTML列表标签dl、ul、ol 的使用

    这篇文章主要介绍了html列表标签dl、ul、ol 的使用,比较适合初学者,大家若感兴趣的可以学习下 代码如下: <!– 列表标签::分层列表 子标签::上层列表项 :下层列表项 ———— 无序列表标签: 子标签: …

    编程技术 2025年3月9日
    200
  • SaberSama的HTML详细总结

    html   为什么要转过来呢?     因为我觉到,同样是一个初学者,应该互相学习,交流。 html:是Hyper Text Markup Language的简写,即超文本标记语言。 网页的组成成分为HTML-结构,CSS-表现,Java…

    编程技术 2025年3月9日
    200

发表回复

登录后才能评论