html中加号用什么表示,HTML基础-常用标签及属性

Wild Web,万维网)的核心语言,由SGML发展而来。HTML(Hyper Text Markup Language/超文本标记语言)是一种布局语言,告诉浏览器显示什么内容以及如何显示内容。浏览器解释执行HTML语句,再通过一个HTML绘制引擎在屏幕上绘制文本和图形等内容。HTML是开放的全球性标准,使用HTML编写的网页文件,可以在全世界几乎所有的浏览器上显示。在www网络中通常使用http协议传输html

2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。目前HTML5发展迅速,首先在手机网页中替代了HTML4.0,PC机由于系统升级缓慢,HTML5并没有完全普及目前新版的浏览器已经开始支持HTML5

IE9及其更高版本

Chrome

Firefox

Safari

Opera

国产的IE或Chrome核心浏览器对于程序员来说,HTML5保持了原先的结构,淘汰了很多特性,并增加了很多新特性

标签前面带’*'表示此标签在HTML5不常用或者用CSS取代;例如:…

HTML由内容和标签组成。标签是在HTML中尖括号中的部分,尖括号以外的部分就是内容。标签的作用就是指示浏览器怎样显示内容。

例:内容结束标签>

开始标签告诉浏览器进行怎样的处理,从哪里开始处理,结束标签告诉浏览器处理在哪里结束。

例:请用显示标题

如:一个最简单的HTML例子

HTML标签通常是成对出现。浏览器从左至右、至上而下,解释执行HTML。标签定义该脚本语言是脚本语言。标签定义网页的属性信息。标签中的内容才能实际显示在网页中,该标签有很多属性。

字体与颜色,标签定义文字的详细属性。

face:将文本变为指定字体。

size:将文本变为指定字号。

color:将文本变为指定颜色。支持特定的命名颜色和RGB颜色值。

加粗:斜体:下划线:

通过定义标题。

此标签仅定义一个标题的容器,具体样式需要结合样式表定义

图片标签:或表示一个图片属性:

src:图片地址(网址/相对地址/绝对地址)

*width:宽度

*height:高度

*border:边框宽度

*alt:图片注释

图片标签仍在使用,但除src属性外,其他属性已基本被淘汰,取而代之的是使用CSS样式表定义图片属性

链接标签属性:

href:链接地址(网址/相对地址/绝对地址)

target:链接目标(在何处打开链接,_self、_blank、_parent或name)

name:位置点定义链接地址可跟#name,表示页面滑动到name处显示,如:

点击后,会链接到index.html页面并滑动到位置点处显示

点击后,滑动到本页的位置点处显示

表格行列

按照  的顺序写,如:

table标签属性

*cellpadding

cellspacingtable、tr、td属性

*border:边框宽度

*bordercolor:边框颜色

*background:背景图片

*bgcolor:背景颜色

*width:宽度

*height:高度

*align:水平排列(left、right、center)

*valign:垂直排列(top、middle、bottom)td属性:

colspan:单元格横向合并

rowspan:单元格纵向合并

表格边框由table边框和td边框构成

表单标签具有HTML5新属性

用于容纳和提交表单控件,属性:

action:提交的地址method:提交的方式(post/get)

post:将数据放入http消息体中提交

优点:安全、传输的数据量大;缺点:数据构造不方便get:将数据以键值对的方式放入url中提交

优点:数据构造方便(可直接放入链接地址);缺点:数据量受限于url最大长度、不安全

target: 与链接中的target属性相同enctype:编码方式,提交的post数据编码方式

application/x-对字符做urlencode编码multipart/form-data:不做字符编码,上传文件时需要text/plain:空格转换为 “+” 加号,但不对特殊字符编码。

表单控件用于数据的输入和提交

文本框:

密码框:

单选框:

复选框:

文件选择框:

隐藏表单:

按钮:

提交按钮:

重置按钮:

下拉菜单:

多行文本框:

*maxlength:能够输入的最大字符数,用于文本输入表单readonly:只读*size:字符宽度check:是否被选中name:表单提交时的键名value:表单提交时的值

由于HTML标签无法被显示出来,但如果用户需要显示的内容包括HTML标签可使用HTML转义字符:

;表示左尖括号();表示双引号(”);表示空格……

换行标签:网页中内容换行使用,HTML源代码的回车换行符并不会被解析为换行

目前框架页已较少使用,HTML5中不再支持框架页

用于将一个页面分为若干个子页面,每个子页面都是独立的页面,可以单独访问。

标签及属性

rows代表上下分,153,*代表上部高度为153PX,下部为剩余宽度cols代表左右分,*代表左右不划分

name:子页面的名称,与标签中的target的名称对应scrolling:是否打开滚动条noresize:不允许拖动子页面大小src:子页面的来源地址

注意

不能放在或

iframe常被用于在网页中挂木马,目前较少使用

用于向页面中嵌套一个子页面,属性:

*frameborder:规定是否显示框架周围的边框,取值0或1*height:iframe的高度,像素(数字)或百分比(数字%)*width:iframe的宽度,像素(数字)或百分比(数字%)*name:iframe的名称,与标签中的target属性中的name关联*scrolling:是否显示滚动条,取值yes、no或autosrc:规定在iframe中显示的页面的HTML内容

此类标签具有HTML5新特性

HTML5广泛使用以下容器标签布局。

行内容器:块容器:列表容器:列表项:

写到这里也就结束了,EverdayForCode再也不想当咸鱼,EverdayForCode也要改变平凡的命运。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值