html简述四种基本标记的作用,HTML的常用标记
这篇文章借助概念结合实例来总结孙鑫老师的"快速掌握HTML".
本文中实例存放路径为:"F:\实例练习\孙鑫html"。
实例编写工具为:UltraEdit.
显示网页浏览器用:Internet Explorer.
概念结合实例总结如下:
1.WWW:万维网(World Wide Web)。
2.HTML:超文本标记语言(Hypertext Markup Language)。
3.Web页面(网页)也是一种文档,HTML是用于编写网页的一种标记语言。
4.标签:一个标签就是左右分别有一个小于号()的字符串。开始标签是指不以斜杠(/)开头的标签,其内是一串允许的属性-值对。结束标签则是以一个斜杠(/)开头的标签。
5.HTML元素的四种形式
实例1:第一个网页文件:FirstPage.html
步骤:①在"F:\实例练习\孙鑫html"路径下,建立文本文件,改名为"FirstPage.html".
②用"UltraEdit"进行代码的编写。
代码编写:
This is First page!
Hello World!运行结果如下:
HTML一般代码格式介绍:
注意事项:
①我们编写HTML文档时,即使不按照HTML的框架格式,目前我们所用的浏览器(IE)也能够很好地解析文档。例如:我们直接在文档中写上"Hello World!",IE浏览器会将这些字符作为文档体的内容,在浏览器窗口中显示出来。
②在HTML文档中,一个标签的属性是可选的,你在写一个标签时,根据需要,可写上它的属性,也可不写。
③在HTML文档中,给一个标签的属性赋值的时候,可加双引号,也可不加。例如:和都是合法的。
④HTML中,标签和属性的名字不区分大小写。
⑤在HTML文档中,如果存在连续多个空白字符(空格、制表符、回车、换行等),浏览器显示时将只解析为一个空格字符。
7.与段落相关的标签
p表示paragraph,作用:创建一个段。属性align表示段的对齐方式,#可以是left、center、right、justify。
表示line break,作用:换行。
表示horizontal rule,作用:插入一条水平线。属性color用来指定线的颜色。
实例2:结合与段落相关的标签,输出"静夜思"古诗。
步骤:①在"F:\实例练习\孙鑫html"路径下,建立文本文件,改名为"JingYeSi.html".
②用"UltraEdit"进行代码的编写。
静夜思
静夜思
作者:李白
床前明月光,疑是地上霜。
举头望明月,低头思故乡。
显示结果,及注释(红色)如下:
8.与文本显示相关的标签
…:使文本居中显示。
…:用于指出文档的标题,n是从1到6的整数,1表示最大标题,6表示最小标题。属性align用于设置标题对齐的方式,#可以是left、center、right。
…:用于设置字体,属性size表示字体的大小,n可以是从1到7的整数,数字越大字体越大;属性color表示字体的颜色,clr是可预订的颜色名字,或者以16进制数表示的颜色值。
…:使文本成为粗体。
…:使文本成为斜体。
实例3:使用了与文本显示相关的标记后,显示"静夜思"页面
静夜思
静夜思
作者:李白
床前明月光,疑是地上霜。
举头望明月,低头思故乡。
显示结果,及注释(红色)如下:
9.列表
①建立数字编号的列表
使用和
标签创建带数字编号的列表;
在标签中使用start属性,设置起始的序号。
在
标签中使用value属性,改变列表内的编号顺序。
②指定编号的格式和顺序
在和
标签中,使用type属性指定编号系统的类型。
③建立带有项目符号的列表
使用和
标签创建带有项目符号的列表,和
标签的type属性指定符号的样式,取值如下:
disc-----显示为实心的圆圈
square----显示为实心的方块
circle-----显示为空心的圆圈
④建立无符号的列表
使用与标签创建无符号的列表
使用标签替换,创建缩进的列表。
⑤建立术语列表
在元素中同时使用和标签,建立术语列表。术语由标签指定,说明由标签指定。
实例4:各种项目编号的"图书列表"
《Java从入门到精通》
《JSP快速入门》
《VC++深入编程》
《VB实例教程》
《Java从入门到精通》
《JSP快速入门》
《VC++深入编程》
《VB实例教程》
《Java从入门到精通》
《JSP快速入门》
《VC++深入编程》
《VB实例教程》
《Java从入门到精通》
《JSP快速入门》
《VC++深入编程》
《VB实例教程》
《Java从入门到精通》
《JSP快速入门》
《VC++深入编程》
《VB实例教程》
《Java从入门到精通》
《JSP快速入门》
《VC++深入编程》
《VB实例教程》
HTML超文本标记语言HTTP超文本传输协议
显示结果如下:
10.表格
表格实例
表格定义:
表格是用<table>元素来定义的.如下所示:
...
属性border用干定义表格边框的宽度.n可以是从O开始的整数.如果设
置border=0.那么表格边框没有宽度.如果忽略border属性,浏览器将不会
显示边框,这和设置borde=0是一样的效果。
属性align用于设定表格的对齐方式.alignment可以是left、center或right
属性bgcoIor用于指定表格的背景色.它的取值和前面介绍过的color属性
的取值是一样的。
元素用于定义表格的标题,如:...
元素在表格中添加一个新行,如:
...
属性align用于指定这一行在水平方向上的对齐方式,可以是left、center、right。属性valign用于指定这一行在垂直方向上的对齐方式,可以是top、middle、bottom.
元素用于定义表头,如:...
元素用于定义单元格,如...
实例5:显示"2004年度期末考试成绩单"
表格的例子
2004年度期末考试成绩单
姓名
语文
数学
英语
张三
89
75
90
李四
98
94
92
王五
56
86
67
显示结果
11.HTML交互式表单、列表框、多行文本输入控件
①使用元素,以及在其间嵌入相关元素(控件),就可以创建作为HTML文档一部分的表单。
表单基本语法:...
元素用于接受用户输入的信息。
②列表框允许用户从一个下拉列表框选择一项or多项,其功能和单选按钮or复选框的功能相同。
列表框由元素创建,列表框中各个选项用元素提供。
③创建多行文本输入控件的语法为:
...
实例6 :表单的例子
代码编写:
表单的例子
用户名:
密码:
性别:
男
女
兴趣爱好:
足球
蓝球
排球
游泳
最高学历:
...
高中
大学
硕士
个人简介:
个人简介
显示结果如下:
12.超链接格式:...
嵌入图片:
html简述四种基本标记的作用,HTML的常用标记相关推荐
- 【C++】类型转换简述:四种类型转换方式的说明及应用
本文主要简述在C++中四种类型转换的方式:static_cast.reniterpret_cast.const_cast和dynamic_cast. 在介绍C++类型转换方式之前,我们先来看看C语言的 ...
- JVM学习笔记之四 四种引用和垃圾回收的两次标记
四种引用和两次标记 四种引用 java中的数据类型我们知道是分为基本数据类型和引用类型的.基本数据类型是8种,分别是boolean byte short int long double float c ...
- HTML文档包应含几个基本标记,HTML基本结与常用标记.doc
HTML基本结与常用标记 附录A HTML基本结构与常用标记 1 HTML简介 我们在浏览器上看到的网页其实是HTML文件构成的,HTML是"Hypertext Markup Languag ...
- html文档定一层的标记,HTML基本结构和常用标记.doc
HTML基本结构和常用标记 附录A HTML基本结构与常用标记 1 HTML简介 我们在浏览器上看到的网页其实是HTML文件构成的,HTML是"Hypertext Markup Langua ...
- 四种依恋类型_“我值得被爱吗?”| 如何在亲密关系中培养安全型依恋
缺爱的人最后会和什么样的人在一起?文 | 徐非儿(简单心理认证·实习咨询师) 如果我们尝试给"缺爱"下一个笼统的定义,那可能是:在成长过程中缺乏被关爱的经历,例如总是遭到主要养育者 ...
- ipa解包打包工具_ios打包ipa的四种实用方法(.app转.ipa)
总结一下,目前.app包转为.ipa包的方法有以下几种: 1.Apple推荐的方式,即实用xcode的archive功能 Xcode菜单栏->Product->Archive->三选 ...
- 用spring管理和实例化对象的四种方式
用spring管理和实例化对象的四种方式 方式一:无参构造函数(最常用) 对象是spring创建,创建的对象还要交给spring容器管理 bean:豆子 id:在spring容器中Hello对象的名, ...
- 清除浮动最常用的四种方法
1.为什么要清除浮动 开发过程中,浮动是需要掌握的一个技能,页面布局当中,在无法确定子元素的高度(height)时,我们无法给父级标签一个固定的高度(height),我们想要的是,由子元素的高度去控制 ...
- 监控系统网络可视化传输的四种安装方式
在很多情况下,对于监控的安装会有很多人会有疑问.监控作为弱电行业中的一大类,施工人员通常要根据客户的需求进行施工.但对于不同客户的不同需求,要想满足就必须清楚不同的安装方式.今天,就来说说几种网络监控 ...
- HTML文档的常用标记
一.HTML文档中常用的标记有文字标记.段落标记.列表标记.超链接标记.图像标记.表格标记.框架标记和多媒体标记,下面对这些常用标记进行介绍: 1.文字标记:文字是网页重要的组成部分之一,通过使用标题 ...
最新文章
- .net简单算法实现无限级分类(一)
- 数字电路可控门电路原理(三态/同相/反相、缓冲/驱动电路)
- 亚马逊Corretto 8
- 大数据学习-python通过Pyhive连接hive数据库
- mysql not in优化_98%的人不知道的MySQL优化器原理
- 加密用户向阿桑奇捐赠超40万美元的BTC用于法律辩护
- 如何增加虚拟机ubuntu的硬盘
- 3GPP 5G协议下载地址
- 安装MySQL+Navicat(提供安装包下载地址)
- 现在主流开源分布式系统架构都有哪些?
- 关于实习4个月的一些总结
- 1.4版走迷宫小游戏
- 运维派 企业面试题1 监控MySQL主从同步是否异常
- linux循环显示系统时间,Linux shell时间处理大全,值得收藏
- 要和文心一言来一把你画我猜吗?
- 速通C语言支线第一站 基础刷题
- 今之君子,其责人也详,其待己也廉
- CSS calc()函数
- 一个曾经的吉他手——孔乙己
- 走进VOT--《High Performance Visual Tracking with Siamese Region Proposal Network》阅读翻译
热门文章
- C - The Little Girl who Picks Mushrooms HDU - 4422
- java木马源码_用Java编写木马程序【附源代码下载】
- apache OpenNLP简要介绍
- 苹果创始人沃兹尼亚克:喜欢小米 乔布斯没那么神!
- Affinity Mattrix 亲和矩阵总结
- oppoa59s计算机功能,OPPO A59s怎么开启OTG功能-OPPO A59s开启OTG功能方法 - 河东软件园...
- 单片机、嵌入式ARM学习网站推荐(多年的积累)
- 第九届蓝桥杯国赛 调手表
- Verdi快速使用技巧
- 主题目录检索是什么举例子_文献检索复习