`
qm4050
  • 浏览: 78412 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

HTML基础标签属性详细解析

 
阅读更多


    网页第一章

  • < meta >这个是在<head>标签括其来的,里面的主要属性有: http-equiv="Content-Type" content="text/html" charset="编码语种" 编码语种已知的有三种:简体中文网页为gb2312 繁体中文为 big5 纯英文网页为 iso-8859-1
  • < bgcolor="颜色" >是放在body里面的,是背景颜色的意思,存放形式和存放颜色一样
  • < background="路径" >同上,是背景图片的意思,通常二选一即可
  • < title >网站标题标签
  • < img >是存放图片属性,单一标签,里面可以存放 1.src="路径" 插入图片 2.align="对齐方式" 对齐方式有 top 前面 / middle 中间 / botton 后面 3.width="宽度" height="高度" 都是一象数计算 4.alt="文字" 当鼠标放在图片上显现的文字 5.border="厚度" 设置边框的
  • < br > 换行标签,也是一个单标签
  • < ../ >
  • 返回上一级目录,在写路径的时候可以用
  • < valign >
  • 垂直对其方式,对齐方式有 top 上面 / middle 中间 / botton 下面
  • < a > 超链接文本,里面可以放 href="跳转路径位置" < a href="#" > 空连接 < a href="#from" > 表内跳转,必须要先做标记 < a name="from" > 把做标记的地方用一对<a>标签括起来 < a href="mailto:邮箱地址"> 这是邮箱连接
  • < p >是用来修饰段的,把是亿段文字的就可以括起来,里面可以放 1.align="对其方式" 分为left左边 / center 中间 / right 右边
  • < font >是修饰文字的属性,里面可以存放 1.size="字体大小" 取值范围1-7,其中7为最大 2.color="颜色" 可以写英文,也可以用16进制表示1-9,A-F。如:0000FF 3.face="字体" 字体是用中文书写,可以参考word里面的字体类型
  • < h1 >标题标签,分为1-6,其中1为最大
  • < pre > 文本格式标签,用它括起来的东西,你打的是怎么样,运行后的效果就怎么样
  • < ol > 有序列表的属性,里面可以存放 < type="类型" > 类型分为五种:1 , a , A , i , I < li >是列表标签,把那里括起来,那里就会有一个标记
  • < ul > 有序列表的属性,里面可以存放 < type="类型" > 类型分为三种: disc :表示实心圆点,同时也是默认值 circle :表示空心圆 square : 空心正方形 < li >是列表标签,把那里括起来,那里就会有一个标记
  • < hr >是一个单标签,分割线,里面有属性 size=“厚度 ” color=”颜色“ width="宽度"
  • 转义符号: & nbsp; 空格 & gt; ( > )大于符号 & lt; ( < )小于符号 & quot; ("")一边的引号 & copy; ( © )版权号
  • < marquee >滚动标签,;里面可以存放属性 scrolldelay="时间" 用来设置滚动速度的 onmouseover="this.stop()" 设置,当鼠标放在上面的时候,动态效果停止 onmouseout="this.start()" 设置,当鼠标离开的时候,继续动态效果 direction="从那里开始出来" 一般有 : up上面/down下面/left左边/right右边 behavior="滚动方式" 滚动方式有三种: scroll进去后,从另外一边又出来,一直重复 slide滚动到对面之后就停止了 alternate到达另外一边又反弹回来
  • 图片常见的格式有 JPG GIF SWF BMP
  • 网页第二章 --表格基础

  • < table >创建表格的的标签,里面可以存放的属性有: border="边框厚度",用来设置边框 width="宽度",用来设置表格的宽度 height="高度",用来设置表格的高度 bordercolor="颜色",用来设置边框颜色 bgcolor="颜色",用来设置整个表格的背景颜色 background="路径",用来设置背景图像 cellpadding="象数",用来设置文字与边框的距离 cellspacing="象数",有来设置表格内,框与框之间的距离
  • < tr > 行标签,一对< tr >括起来算一行,它是被一对表格<table>标签括起来的 里面有属性:bgcolor="颜色" 用来设置行的背景颜色
  • < td > 列标签,一对< td >括起来算一列(一格),它是被一对行标签<tr>标签括起来的 <td>里面可以设置属性: rowspan="行数",合并行 colspan="列数",合并列 bgcolor="颜色" 用来设置列的背景颜色 align="对其方式" 分为left左边 / center 中间 / right 右边
  • < cols >是列的意思,加上span就是跨列,colspan
  • < rows >是行的意思,加上span就是跨行,rowspan
  • 网页第三章 --表单和框架

  • < form >是表单的一个容器,所有的表单元素都要写在这一对标签的里面,可以写多个,当提交按
    钮为两个的时候,就要分别用两个form来包装,这样才能体现它提交的作用。里面有属性有: name="名称" 不能少 method="方法" 分为post/get两种 建议用第一种,安全 action="路径" 看你提交到哪里去,经行页面间的跳转
  • < input >表单标签,大部分的表单标签都是用这个标签,只是type属性不一样,他里面有属性: name="名称" 必须都用,方便以后处理程序 value="默认值" 是用来写要在里面显示的文字的 size="象数" 用来设置文本框的长度" maxlength="最大长度" 用来设置最大长度 checked="checked" 当属性为boolean属性的时候,设置指定的选项是否被选中 type="text" 单行文本框格式属性 ="passwrod" 密码文本框,用于用户输入密码的时候,在输入的时候不给别人看见密码 ="raido" 单选按钮,name属性要一样,value属性要和默认值相一致,直接传给电脑的 ="checkbox" 复选框按钮,name也一样,value也要写 ="submit" 提交按钮,用来提交的,用法同上 ="reset" 重写按钮,用来从新填写内容的,用法同上 ="button" 普通按钮,暂时没有什么实际意义,用法同上 ="file" 上传按钮,用来上传图片和文件的按钮,用法同上 ="image" 图像按钮,后面紧接src="路径"引入图片,其他同上 ="hidden" 隐藏按钮,现在还暂时用不上。。
  • < select > 下拉按钮,可以让用户在里面进行选择,里面有属性:name
  • < option >在一对select里面,一对option包含的文字是用来个用户进行选择的,他有属性value和
    默认被选中的属性selected="selected",不写的话就默认为你写的第一行option包含的文字为默认
    文字,这些宽度是由文字大长度来控制的,可以使用空格来增加长度
  • < textarea > 多行文本框,里面书写的内容会全部显现出来,包括空格。里面有属性: name="名称" cols="列数" 设置一行最多能输入几个文字 rows="行数" 设置可以书写几行 readonly="readonly" 用来设置里面的内容能否被修改
  • < frameset >框架集:框架是个特殊的东西,有他的地方就不能有 body 的出现。他里面只能
    插入网页,他只是管理布局,就算要修改网页的内容也只能去插入的网页中修改。里面有属性: cols="?%,%?" 左右分割,可以用百分比, * 的话代表全部 也可以按比例来分 如 1,6 就是一比六 rows="?%,%?" 上下分割,可以用百分比, * 的话代表全部 也可以按比例来分 如 1,6 就是一比六 border="数字" 设置边框尺寸大小 frameborder="0/1" 设置是否边框框架
  • < frame >他包含在一对frameset表签里面,分为几部分就有几个frame标签,如果要再分
    的话,就把要分的那个frame给删除,从新插入一个frameset标签,进行从新分配,里面有属性: src="要插入的网页路径" 插入一个网页 name="名字" 跳转的时候也许要用 scrolling="auto/no/yes" 设置看是否有滚动条,auto是指自动生成 noresize 确定框架的边框能否被被用户拉大或者拉小
  • < a >这个A标签是你再插入的网页里的热点,当用户点击他的时候,看他是怎么跳转的
    以前的属性不变,要多加一个target的属性: target="_self" 再指定的的窗口打开 ="_blank" 新打开一个文件窗口 ="_parent" 返回上一级窗口后,再打开 ="top" 再整个浏览器窗口打开
分享到:
评论

相关推荐

    html标签属性大全

    #### 一、HTML基础知识简介 HTML(Hyper Text Markup Language)是一种标记语言,用于构建网页结构。HTML文档由多个标签组成,这些标签定义了文档的结构和内容。HTML标签可以包含多种属性,用以进一步控制元素的...

    电信设备-基于HTML标签属性序列的信息隐藏及提取方法.zip

    1. HTML基础知识:HTML(HyperText Markup Language)是网页设计的基础语言,用于描述网页的结构。HTML标签是构成网页的基本元素,它们通过属性来定义特定的功能或样式。例如,`&lt;img&gt;`标签用于插入图片,其src属性...

    html标签属性大全.pdf

    在这个“html标签属性大全.pdf”中,主要涵盖了HTML标签的各种属性及其用法,让我们来详细解析一下其中的关键知识点。 1. **跑马灯效果**:`&lt;marquee&gt;` 标签用于创建滚动文本或图像,例如跑马灯、普通卷动、滑动、...

    html标签意义和各属性的意义和用法

    下面将详细解析HTML中常见标签及其属性的意义和用法。 #### 基础标签及属性 1. **`&lt;html&gt;`**: 根元素,所有其他HTML内容应位于此标签内。 2. **`&lt;head&gt;`**: 包含页面的元数据,如标题、样式表链接、脚本等。 3. **`...

    html标签属性

    本文将详细介绍HTML标签属性及其用途。 首先,我们来看`&lt;marquee&gt;`标签,它常用于创建滚动文本或图像效果。`behavior`属性决定滚动方式:`slide`为普通卷动,`scroll`为滑动,而`alternate`则是来回卷动。`...

    HTML base 标签的 href 属性

    1. `href`属性:这是`&lt;base&gt;`标签的核心属性,用于设定页面所有相对链接的基础URL。当页面中任何相对路径的链接被点击时,浏览器会将`href`属性的值作为基础,与相对路径结合生成绝对URL。例如,如果`&lt;base&gt;`标签...

    html标签大全下载

    基础标签与属性 - **`&lt;html&gt;`**:所有HTML文档的根元素,定义了文档是HTML文档。 - **`&lt;head&gt;`**:包含文档元数据的部分,如文档标题、样式表链接等。 - **`&lt;title&gt;`**:定义文档标题,在浏览器标签页中显示。 - ...

    PHP实现html标签补全函数

    在网页开发中,HTML是构建页面结构的基础,但有时由于编码错误或疏忽,开发者可能会遗漏某些HTML标签的闭合,导致页面显示不正常。PHP作为一种服务器端脚本语言,常用于处理动态网页内容,因此编写一个PHP函数来检查...

    HTML属性标签大全注释

    本篇文章将深入解析HTML属性标签,并结合注释来帮助理解。 一、HTML基本结构与属性 HTML文档通常由&lt;!DOCTYPE&gt;声明开始,定义文档类型。接着是&lt;html&gt;元素,它是整个页面的根元素。在&lt;html&gt;内部,有和两个主要部分。...

    html标签属性大全(整理已完成)

    ### HTML标签属性详解 本文将基于提供的HTML标签及其属性,进行一次全面且深入的解析,旨在帮助读者更好地理解和掌握这些基本元素的用法。 #### 1. 动态文本流:`&lt;marquee&gt;`标签 - **基础用法**: - `&lt;marquee&gt;....

    html语法大全、标签、属性

    HTML 是创建网页的基础,通过合理使用不同的标签及其属性,可以创建出结构清晰、功能丰富的网页。掌握上述提到的 `&lt;img&gt;` 标签以及其他的常用标签和属性对于前端开发者来说是非常重要的。随着技术的发展,某些标签...

    html简单知识点总结,常用标签总结,简洁界面 ,框架的基础例子

    这个压缩包文件提供了一个对HTML基础知识的简明总结,特别适合初学者快速入门和复习。以下是对这些知识点的详细解析: 1. **HTML基本结构**:HTML文档通常由`&lt;!DOCTYPE html&gt;`声明开始,表明文档类型为HTML5。接着...

    unity抽取html信息demo

    "unity抽取html信息demo"就是这样一个示例项目,它演示了如何在Unity中处理HTML数据,虽然可能不是全自动化的解决方案,但它提供了从静态HTML页面中提取关键信息的基础方法。 Unity本身并不直接支持HTML解析,但...

    HTML+CSS标签属性大全【范本模板】.pdf

    这些只是HTML和CSS标签属性的一部分,实际上它们还包括更多的元素和样式规则,如浮动、定位、盒模型、响应式设计等。在实际开发中,了解并熟练运用这些知识点,可以创建出功能丰富、视觉美观的网页。

    python基础学习HTML文件

    6. **HTML内容提取**:通过BeautifulSoup提供的方法,如`.find()`、`.find_all()`等,可以提取HTML中的文本、标签属性等信息。同时,可以使用`.string`或`.text`属性获取元素的文本内容。 7. **HTML数据解析**:...

    H5标签基础

    标题“H5标签基础”指的是HTML5中新增和改进的标签,这些标签在构建结构化和语义化的网页内容中起着关键作用。描述中提到,由于HTML5标准尚未完全统一,不同浏览器对它的解析可能会有所不同,但这并不妨碍大部分功能...

    HTML基础教程,比较详细

    总的来说,HTML基础教程是学习网页制作的起点,掌握这些基本标签和它们的用法,能够帮助初学者构建出结构清晰、内容丰富的网页。随着CSS的学习,可以进一步美化和控制页面的呈现效果,提升用户体验。

    经典HTML参考手册及网页属性详细说明

    本手册详细阐述了HTML的各种元素、属性及其用法,帮助开发者构建功能丰富、结构清晰的网页。 在HTML4.0版本中,主要的知识点包括: 1. **基本结构**:每个HTML文档都由`&lt;html&gt;`元素包裹,其中包含`&lt;head&gt;`和`...

    html基础代码,html+css教程

    HTML(Hypertext Markup Language)是用于创建网页的标准标记语言,它是网络开发的基础。HTML语言由一系列的元素组成,这些元素通常以标签的形式出现,比如`&lt;html&gt;`、`&lt;head&gt;`、`&lt;body&gt;`、`&lt;p&gt;`、`&lt;a&gt;`等。HTML文件...

Global site tag (gtag.js) - Google Analytics