资讯专栏INFORMATION COLUMN

4.HTML 常用标签及属性

spademan / 2175人阅读

摘要:链接标签属性链接地址打开方式新标签页打开当前页面打开默认链接提示文本标记标题元素文本样式斜体粗体删除线下划线上标下标段落元素换行元素分割线元素标签属性尺寸宽度颜色水平对齐方式分区元素块分区元素行内分区元素块级元素与行内元素块级元素行内元

1. 链接
标签:
    
属性:
    href:链接地址
    target:打开方式
        _blank:新标签页打开
        _self:当前页面打开(默认)
    title:链接提示
2. 文本标记 标题元素

文本样式
斜体:
    
粗体:
    
删除线:
    
下划线:
    
上标:
    
下标:
    
段落元素

换行元素

分割线元素
标签:
    
属性: size:尺寸 width:宽度 color:颜色 align:水平对齐方式 left/center/right
分区元素
块分区元素:
    
行内分区元素:
块级元素与行内元素
块级元素:
    

行内元素:
3. 图像
标签:
    
属性:
    src:图片地址
    width:图像宽度
    height:图像高度
4. 表格
标签:
    
属性: width:宽度 height:高度 border:边框宽度 bgcolor:背景颜色 cellpadding:内边距 cellspacing:外边距 align:水平对齐方式 left/center/right
子元素
标签:
    (创建表行)
属性:
    bgcolor:背景颜色
    align:水平对齐方式
        left/center/right
    valign:垂直对齐方式
        top/middle/bottom

标签:
    (创建单元格)
属性:
    width:宽度
    height:高度
    align:水平对齐方式
    valign:垂直对齐方式

(表格标题)
(列标题)
(表头)
(表主体)
 (表尾)
5. 列表 有序列表
属性: type:标识类型,默认为数字排列 1(默认)/a/A/i/I start:定义起始值,默认从1开始
无序列表
属性: type:标识类型 disc(默认)/circle/square/none
自定义列表
列表中的标题
列表中的数据
6. 表单
标签:
    
属性: name:表单名称 action:提交地址 method:提交方式 get/post
input 元素
标签:
    
属性:
    name:控件名称
    type:控件类型
    value:值
    disabled:禁用
常用表单控件
文本框:
    
密码框:
    
    属性:
        readonly:控件只读
        maxlength:限制字符数
单选按钮:
    
复选框:
    
    属性:
        checked:设置默认被选中
提交按钮:
    
重置按钮:
    
普通按钮:
    
图片按钮:
     
文件选择框:
    
隐藏域:
    
button 元素

select 和 option 元素
7. 结构标记

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/55071.html

相关文章

  • 保姆级教程HTML两万字笔记大总结【建议收藏】(上篇)

    摘要:标签不区分大小写,但推荐小写。标签可以嵌套,但不能交叉嵌套。标签也称为元素。比如行内标签亦可成行内元素。 ❤️HTML必备知识详解❤️ 第一部分:HTML框架简介...

    paulli3 评论0 收藏0
  • web前端(3)—— html标签web页面结构

    摘要:开始标签和结束标签之间的就是标签的内容。总结属性跳转标签在和标签之间的文字内容是网页的标题信息,它会显示在浏览器标签页的标题栏中。常见的头部元素有和等标签,头部标签在下一节中会有详细介绍。 本节内容简单介绍下html都有哪些标签 还是百度首页,查看源代码看看: 我把源代码复制下来另存为html文件里: 注意:网页文件的后缀都是html或者htm 我这用的pycharm编辑器(Py...

    番茄西红柿 评论0 收藏0
  • Python开发【前端篇】HTML

    摘要:标签行内元素,表示一行中的一小段内容,没有具体的语义。表示当前文件所在目录下的上一级目录,比如表示当前目录下的上一级目录下的文件夹中的的图片。标签表示列表的整体。1.html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成...

    番茄西红柿 评论0 收藏0
  • HTML常用标签属性

    标签格式 格式: 双边:内容 单边: 特点: 标签都是成对出现的,单边标签也不要忘记结尾的/ 容错性强,但是不要故意写错,故意挑战浏览器的解析能力 标签名已经预定义,不要随便自己起名字 标签统一使用小写,属性值统一使用双引号包括 说明:标签就是HTML文件的骨架,是最重要的组成部分 全局架构标签 示例: 页面标题 ...

    番茄西红柿 评论0 收藏0
  • HTML文本结构常用标签

    摘要:一什么是超文本标签语言万维网的描述性语言。空标记没有结束标签,用代替。字母顺序的有序列表,大写罗马数字,小写。一、什么是HTML? HTML:超文本标签语言(Hyper Text Markup Language) www万维网的描述性语言。 XHTML指可扩展超文本标记语言(标识语言)(EXtensible HyperText Markup Language)是一种置标语言,表现方式与超文本...

    番茄西红柿 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<