html中心属性,html基本标签与属性

c4468b3f4df77e96b0a416fa2a870fba.png

HTML

超文本标记语言 html5

建立一个HTML文件:文件名 . 后缀(html)

解析:就是去识别

注释:就是给开发人员开的批注------浏览器不去解析(不去输出)

HTML的整体框架

在body中具体有哪些常用的标签

文本标签

 加粗标签

   斜体标签

下角标

上角标

删除线

   删除线

和搜索引擎有关系的标签 SEO(搜索引擎优化)

 强调功能

具有强调功能

strong  >  em

     标题标签   从大到小  每一个都独立占去一行

......

在一个网页中最好只有一个h1标签

在html源代码中有多个空格只识别一个

格式标签


强制换行标签


横线标签
原型输出标签

列表标签

  • 无序列表
  •  列表项
  1. 有序列表
  2.  列表项

超链接标签

属性:

Href:就是超链接跳转的地址

target:_self:在本选项卡中打开

_blank:在新的选项卡中打开

锚点

锚点的定义

锚点的使用

多媒体标签

  图片标签

属性:

src:就是需要加载图片的路径(URL)

width:设置图片的宽度

height:设置图片的高度

注意:为了避免图片失真宽度和高度最好只设置一个

border:设置图片的边框

alt:    第一个用法:

就是在图片没有加载出来的时候会把

文字显示出来

第二个用法:搜索引擎会根据alt的值 去判断这张图片上到底是什么

title:就是鼠标放上去会有一个小的提示

音频标签

属性:src:需要加载的音频路径

controls 控制按钮

视频标签

属性: src 需要加载的视频路径

controls 控制按钮

loop: 自动重播

width:宽度

height:高度

flash 动画标签

属性:

src: 就是需要加载的flash动画的路经

width:宽度

height:高度

宽度和高度同时去设置

表格标签

属性:border:就是给整个表格加边框

width:给整个表格设置宽度

align:center 会把整个表格相对于浏 览器居中

right:会把整个表格相对于浏 览器居右

left:会把整个表格相对于浏 览器居左(默认值)

bgcolor:设置整个表格的背景颜色

表格中的一行

属性:align:left:会把这一行的内容相对于单元格居左

right:把这一行的内容相对于单元格居右

center:把这一行的内容相对于单元格居中

bgcolor:设置一行的背景颜色

一行中的一列 表头  比要粗 自带居中属性

属性:align:left:会把这一行的内容相对于单元格 居左

right:把这一行的内容相对于单元格居右

center:把这一行的内容相对于单元格居中

在td中的优先级大于在tr中

rowspan:合并行

colspan: 合并列

bgcolor:设置这个单元格的背景颜色

表单标签

表单标签

属性:

action: 就是这个表单的内容要提交到那个后台

method:就是表单提交的方式

get:以get方式提交

post:以post方式提交

所有的表单项都必须有name属性-不要写汉字

表单项

属性:type:

值:

text:就是普通的文本输入框

submit:就是一个提交按钮

Value:写一个你喜欢的字

image:他是图片提交按钮

和他配合的必须有src

radio:就是单选按钮

name 的值必须相同(如果不    同就不会是单选了)

checked:默认选中值

checkbox:多选按钮

checked:默认选中值

hidden:隐藏域-就是后台可以接收到值,但是前台用户看不到

password:密码输入框--就是输入的内 容会用....开代替

maxlength:控制用户输入的多少

disabled:禁用-就是后台也接收不到值

readonly:就是前台不能改,但是后台可以接收 到值

size:设置text这个类型的大x小

placeholder:提示内容,点击输入内容后消失

下拉列表

属性:

name:就是下拉列表的名字

下拉列表的列表项

属性:

Value:就是每个列表项对应的值

文本域

属性:

name:文本域的名字

cols:控制列数

rows:控制行数

disabled:禁用 ---后台接收不到

readonly:只读 -- 后台可以接收到

框架集(分帧)---他可以插入到

一种是邪恶的分帧

属性: src :需要加载页面的地址

scrolling:是否显示滚动条

no:不显示滚动条

frameborder:0 不显示边框

1 显示边框

不邪恶的分帧(不能插入的)--不能插入到

中,谁在上面显示谁

属性:cols:左右分

rows:上下分

属性:

src:就是需要加载页面的地址

noresize:禁止拖动改变大小

无意义的标签

  行内标签

编码问题

去设置一些网页的属性

属性:charset:去设置网页的编码 utf-8 编码

name:

keywords: 网页关键字

content:内容

description:网站描述

content:内容

设置网页选显卡上的显示文字

 写 JavaScript代码的地方

   写css样式的地方

 连接其他语言的一个通道

字符实体:就是一下使用代码打印不出来的东西

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com

特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值