HTML的基本标签和属性简单介绍

  HTML是由标志和属性构成的,它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件,属性是标志的选项,在标志中修饰,如颜色,对齐方式,高度和宽度等。很多标志都成对出现,例如有<TITLE>就有</TITLE>前一个表示开始,后一个表示结束,内容放在两者之间。

基本结构标志

<HTML>----------表示该文件为HTML文件

<HEAD>----------包含文件的标题,使用的脚本,样式定义等

<TITLE>HELLOWORLD!</TITLE>-包含文件的标题,标题出现在浏览器标题栏中

<HEAD>----------</HEAD>的结束标志

<BODY>--------放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示</BODY>

</HTML>----------<HTML>的结束标志

其它主要标志以下所有标志用在<BODY></BODY>中

<AHREF="…"></A>----------链接标志,“…”为链接的文件地址

<IMGSRC="…">----------显示图片标志,“…”为图片的地址

<BR>----------换行标志

<P>----------分段标志

<B></B>----------采用黑体字

<I></I>----------采用斜体字

<HR>----------水平画线

<TABLE></TABLE>----------定义表格,HTML中重要的标志

<TR></TR>----------定义表格的行,用在<TABLE></TABLE>中

<TD></TD>----------表格单元,用在<TR></TR>中

<FONT></FONT>----------字体样式标志

属性的用法:

属性是用来修饰标志的,属性放在开始标志内。

例如:属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子:<BODYbgcolor="BLACK"></BODY>表示页面背景色为黑色,<TABLEbgcolor="BLACK"></TABLE>表示表格背景色为黑色。

常用属性:对齐属性范围属性

ALIGN=LEFT左对齐(缺省值)WIDTH=象素值或百分比对象宽度

ALIGN=CENTER居中HEIGHT=象素值或百分比对象高度

ALIGN=RIGHT右对齐色彩属性

COLOR=#RRGGBB前景色参考色彩对照表

BGCOLOR=#RRGGBB背景色

时间: 2024-11-08 18:14:34

HTML的基本标签和属性简单介绍的相关文章

HTML5 Video标签的属性、方法和事件汇总介绍

 HTML5 Video标签的属性.方法和事件汇总介绍 前段时间写了一个基于html5 video的视频播放器,从起初的对其不了解,然后到能够写一个基本完善的自定义播放器.在这个过程中,对video标签的属性,方法,事件有了个全面的认识.下面分类列出来一下. <video>标签的属性 代码如下: src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 width:视频宽度

HTML初学者教程-标签,属性和元素

初学|教程 HTML是简单的文本标记语言,但是她又同其它的一些文本文件不同比如doc,wps等,我们应该多学点相关的内容以使它成为一份有效的HTML文件. 标签 一个HTML文件的基本结构包括标签,用标签来标记内容,用标签来标明文本的意义. 用写字板打开我们的html文件,按如图代码更改: 再一次保存我们的文件,打开浏览器按F5键刷新我们的页面.你可以看到网页中的内容一点也没有改变,但是HTML的目的是应用意义而不是在外表,而且这一个例子已经现定义一个网页的一些基本的元素了. 下面我们解释一下上

[python知识] 爬虫知识之BeautifulSoup库安装及简单介绍

一. 前言         在前面的几篇文章中我介绍了如何通过Python分析源代码来爬取博客.维基百科InfoBox和图片,其文章链接如下:        [python学习] 简单爬取维基百科程序语言消息盒         [Python学习] 简单网络爬虫抓取博客文章及思想介绍         [python学习] 简单爬取图片网站图库中图片        其中核心代码如下: # coding=utf-8 import urllib import re #下载静态HTML网页 url='h

正值表达式匹配html标签的属性值_正则表达式

正则表达式是做文本解析工作必不可少的技能.如Web服务器日志分析,网页前端开发等.很多高级文本编辑器都支持正则表达式的一个子集,熟练掌握正则表达式,经常能够使你的一些工作事半功倍.例如统计代码行数,只需一个正则就搞定.嵌套Html标签的匹配是正则表达式应用中一个比较难的话题,因为它涉及到的正则语法比较多,也比较难.因此也就更有研究的价值. 今天由于工作的需求,需要获取html标签的属性值,立即想到了正则表达式,标签如下: <circle id="ap_test" cx="

03_MyBatis基本查询,mapper文件的定义,测试代码的编写,resultMap配置返回值,sql片段配置,select标签标签中的内容介绍,配置使用二级缓存,使用别名的数据类型,条件查询ma

 1 PersonTestMapper.xml中的内容如下: <?xmlversion="1.0"encoding="UTF-8"?> <!DOCTYPEmapper PUBLIC"-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd"> <!--  namespace:命名空间,用来唯

正值表达式匹配html标签的属性值

正则表达式是做文本解析工作必不可少的技能.如Web服务器日志分析,网页前端开发等.很多高级文本编辑器都支持正则表达式的一个子集,熟练掌握正则表达式,经常能够使你的一些工作事半功倍.例如统计代码行数,只需一个正则就搞定.嵌套Html标签的匹配是正则表达式应用中一个比较难的话题,因为它涉及到的正则语法比较多,也比较难.因此也就更有研究的价值. 今天由于工作的需求,需要获取html标签的属性值,立即想到了正则表达式,标签如下: <circle id="ap_test" cx="

语义化你的HTML标签和属性

语义化你的HTML标签和属性 分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容.一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记.换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用<div>来代替<p>标记标题. 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(a

简单介绍CSS结合JS的运用

css|js 利用CSS配合Javascript的可以做很多更酷的动态页面效果,在本教程的最后给大家简单介绍一下CSS配合JS的应用.首先,我们要搞清楚事件和动作的概念.在客户端脚本中,JavaScript 通过对事件进行响应来获得与用户的交互.例如,当用户单击一个按钮或者在某段文字上移动鼠标时,就触发了一个单击事件或鼠标移动事件,通过对这些事件的响应,可以完成特定的功能(例如,单击按钮弹出对话框,鼠标移动到文本上后文本变色等). 下面介绍几种常见的事件(还用更多事件,请查阅相关资料): onC

web.config 简单介绍

web 叫做web.config当然就是配置网站用的啦 很多东西都可以在这里设置下面简单介绍一下web.config是一个xml文档(现在越来越流行用xml做配置文件了)根元素是configuration 然后包含一个system.web节点 在第三层次是对站点的各种设置web.config可以设置的标签非常之多,那么,简单的做个介绍,当用到的时候可以去好好查阅在web系统中自定义的设置 我经常使用它来保存数据库的一些相关连接数据 之后读取很方便关于浏览器的设置 比如是否允许JavaApplet