XML与Web_2 HTML基础

最新推荐文章于 2022-03-10 23:12:29 发布
最新推荐文章于 2022-03-10 23:12:29 发布
阅读量115 收藏
点赞数
分类专栏： XML与Web复习 文章标签： html xml html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45488518/article/details/118049419
版权

HTML基础

1. HTML概述

Hyper Text Markup Language - 超文本标记语言

  • 具有平台独立性
  • HTML中的标记可以被浏览器解释执行
  • HTML是文本文档(ASCII码)，可被任何文本编辑器读取
  • HTML允许Web文本在编辑时将信息内容与文本的表现形式分开
  • HTML最早源于SGML语言

2. HTML的特点

  • 目的：目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起。
  • HTML的优点：
    语法简单、通俗易懂、上手迅速
  • HTML的缺点：
    语法规则过于随意，甚至可以说是没有规则；而负责解析HTML的浏览器又
    太过于宽容。并且不同浏览器之间还有一些差异。

3. HTML和XHTML

  • 可扩展超文本标记语言（eXtensible Hyper Text Markup Language，XHTML）
  • 表现方式与HTML类似，不过语法上更加严格。XHTML是基于XML。
  • XHTML的4条基本规则：
    ✓每个文档有且只有一个根元素。
    ✓每个元素都是由开始标签和结构标签来组成。例如：<p></p>,<br/>
    ✓元素与元素之间应该合理的嵌套。例如：<a><b>安博教育 </b></a>
    ✓元素的属性必须有属性值，而且属性值应该用引号。

4. 从XHTML到HTML5

  • 现有的HTML中存在着大量的错误，这些常见错误HTML5承认其合法性：
    ✓元素的标签名大小写混杂的情况
    ✓元素没有合理结束的情况
    ✓元素中使用了属性但没有使用属性值
    ✓为元素的属性指定了属性值时没有使用引号的情况

5. HTML5的优势

  • 解决跨浏览器的问题
  • 部分代替了原来的javascript
    ✓Document.getElementById(“king”).focus();
    ✓<input type=“text” autofocusname=“user”/>
  • 更明确的语义支持
    ✓<header><nav><article><section><foot>等
  • 增强了WEB应用程序的功能

6. HTML文档结构

  • <标记名>内容</标记名>
  • <标记名属性名=“属性值”…>文本或超文本</标记名>
  • <标记名/>
  • 标记不分大小写
  • 以.htm或.html为文件后缀保存
  • HTML标签有94个

7. HTML基本标记

  • <HTML>……</HTML>：标志文件开始和结尾的标记
  • <HEAD>……</HEAD>：用于包含文件的基本信息
    <TITLE></TITLE>：网页标题信息
    <STYLE></STYLE>：定义CSS样式表
    <LINK></LINK>：链接CSS样式表
    <SCRIPT></SCRIPT>：插入脚本标记
    <META></META>：描述HTML文档的附加信息
  • <BODY>……</BODY>：标记文件的主体内容

8. HTML格式标记

  • <P>…</P>：设置段落标志，产生一个空白行
  • 单独<P>可强制换行(换行且加入一个空行)
  • <PRE>…</PRE>(PRE有属性width)：在浏览器中显示时，按照编辑工具中文档预先排好的形式显示内容
  • <DIV>…</DIV>：分区显示文档(布局)
<HTML>
<HEAD>
<TITLE>&lt;p&gt;与&lt;pre&gt;的区别</TITLE>
</HEAD>
<BODY>
<P> 
静夜思
床前明月光，疑是地上霜。
举头望明月，低头思故乡。
</P> 
<PRE width=1>
静夜思
床前明月光，疑是地上霜。
举头望明月，低头思故乡。
</PRE> 
</BODY> 
</HTML>

在这里插入图片描述

  • <Br>：强制进行换行
  • <Hr>(Hr有align、size、width、color等属性)：插入一条水平线
  • <!–注释内容–>
  • <H1>…</H1>,<H2>…</H2>,…,<H6>…</H6>：设置各种标题的标记
  • <FONT>…</FONT>(:FONT有size、face、color三种属性)：设置字体格式标记

9. HTML其它标记

  • <B></B>使文本以黑体字的形式输出
  • <I></I>使文本以斜体字的形式输出
  • <U></U>使文本以下加一划线的形式输出
  • <S></S>使文本以加删除线的形式输出

10. HTML媒体标记

  • <Img>……</Img>：在网页中插入图像
  • <a>…</a>：<a href=“first.html”>首页</a>

11. HTML列表标记

11.1有序列表

<OL type=“符号类型”>
<LI type=”符号类型”>…</LI>
<LI type=”符号类型”>…</LI>
…
</OL>

11.2 无序列表

<UL type=”符号类型”>
<LI type=”符号类型”>…</LI>
<LI type=”符号类型”>…</LI>
…
</UL>

11.3 自定义列表

  • 缩进的效果：
    <DL>
    <DT>…</DT>
    <DD>…</DD>
    <DT>…</DT>
    <DD>…</DD>
    …
    </DL>

12. HTML表格标记

  • <TABLE>……</TABLE>：创建表格进行页面设计
  • <Tr>……</Tr>：定义表格中的一行
  • <Td>……</Td>：定义表格中的一个数据单元格
  • table→tr→td

13. HTML框架结构

  • 框架概念
    在一个浏览器中具有多个子窗口，每个子窗口装载不同但相互关联的html文件。
  • 框架结构
    框架格式的文件中只记录了框架是如何分割的，它不会显示任何资料，故在框架文件中不应当有<BODY>标记。
  • 框架网页的基本结构
    <FRAMESET>框架</FRAMESET>
    <FRAME>标记指定框架中每个子窗口的内容，它是单一标记，它必须在的范围中使用
  • FRAME标记的属性
    src: 链接文件的URL地址(必须賦值)
    name: 子窗口的名字(应赋值,是target的目标)
    marginwidth、marginheight: 显示内容与边界的距离
    scrolling: 子窗口滚动条设置－yes/no/auto
    noresize: 窗口大小不可调
    frameborder: 规定是否显示框架周围的边框

14.添加背景音乐和背景图

  • 添加背景音乐
    <embed src="Russ-Psycho(Pt.2).mp3“ width=500 height=100 autostart=true></embed>
  • 添加背景图片
    <body style=“background-image:url(‘images/0910.jpg’)”> – </body>
沙雕是沙雕是沙雕
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
0100_java_web_class2.rar_JAVA WEB基础
09-14
JAVA WEB基础是编程领域中的一个重要话题，主要涵盖了如何使用Java语言进行Web应用程序的开发。这个压缩包文件"0100_java_web_class2.rar_JAVA WEB基础"显然是一个教学资源，旨在通过实例来教授初学者关于Java Web的...
web前端 (04)XML 与 HTML
程序员哦的博客
12-19 430
目录 XML DOM4J 生成XML文档 HTML HTML语法 熟悉 HTML基础格式 案例 ***** Head 与body 标签 熟悉 在网页中 如何描述颜色 * 在网页中 如何引入文件 : * 在前段开发中, 如何制定长度单位 *** body子标签 多媒体标签 * DOM4J 生成XML文档 了解 Node接口的方...
web.xml隐藏html,【Web】XML与HTML的区别与联系
weixin_28721743的博客
06-04 99
【定义】1、什么是XML？XML即ExtentsibleMarkupLanguage(可扩展标记语言)，是用于网络上数据交换的语言。它没有标签集，也没有语法规则，但是它有句法规则。任何XML文档对任何类型的应用以及正确的解析都必须是良构的，即每一个打开的标签都必须有匹配的结束标签，不得含有次序颠倒的标签，并且在语句构成上应符合技术规范的要求。XML文档可以是有效的，但并非一定要求有效。所谓有效文档...
WEB前端（HTML、XML、CSS、JS）学习笔记
me4405801的博客
01-24 2314
HTMLHTML： HyperText Markup Language 超文本标记语言。 HTML是最基础的网页语言。 HTML的代码都是由标签所组成。 HTML的基本格式 存放属性的信息，辅助性的信息 引入外部的文件（重要） 会先加载 存放的是真正的数据 多数标签都是有开
HTML与XML简介
m0_61184185的博客
03-10 2535
HTML为超文本标记语言，它通过标记符号来标记要显示的网页中的各个部分，例如文字，图片，音频等。 HTML文档包含了HTML标签和文本，通过他们来描述网页。Web浏览器的作用是将HTML源文件转换为网页形式，并显示出来。浏览器本身并不会显示出HTML标签，而是使用他们来解释页面的内容。 HTML标签通常用两个角括号起来，即用<>来进行标记，例如<p>,标签的闭合分为双标签和单标签 双标签一般为"<标签名>标签内容</标签名>"例如<table>..
html中关于有序列表、无序列表和自定义列表之间的区别
热门推荐
qingyisuo的博客
12-28 5万+
有序列表（ol-li） <ol > <li>dd</li> <li>aa</li> <li>dd</li> </ol>如图一 可以发现在有序列表中默认的type类型是数字，而且是从1开始的。它有两个属性：type、start。 type：有五个属性值：1、a、A、i、I(罗马数字)，表示列表
XML.rar_XML DOM_仓库 html
09-21
《XML教程.chm》文件可能包含了XML的基础知识、DOM接口的使用方法、实例代码以及XML在Web开发中的应用等内容。学习这个教程，读者将能够掌握XML的基本语法，理解DOM模型，并学会如何使用DOM API来读取、修改和创建...
0100_java_web_class1.rar_JAVA WEB基础_JS_DOM_DEMO03.HTML_javaweb
09-20
2. **学习Java Web基础**：掌握Servlet、JSP的基本用法，理解请求响应模型。 3. **深入JavaScript**：学习JavaScript语法，重点是函数、变量、控制结构，以及DOM操作。 4. **DOM实践**：通过DEMO03等实例，动手操作...
se.zip_player_sexmlvideo_web player_xml xsl
09-23
3. **XSL转换与渲染**：在Web页面中，使用JavaScript或者服务器端脚本进行XSLT转换，将XML数据转化为HTML，并插入到DOM中。这可以通过JavaScript的`DOMParser`和`XSLTProcessor` API，或者服务器端的PHP、Python等...
XML.rar_c xml_xml
最新发布
09-23
XML，全称可扩展标记语言（Extensible Markup ...台湾专家的这份XML基础电子文档可能涵盖以上知识点，通过深入阅读和实践，初学者能够快速掌握XML的基本用法和原理，为后续的Web服务、数据交换等高级应用打下坚实基础。
利用Python进行数据分析_第六章：…
houjing1990的博客
04-17 1417
读取文本格式的数据： read_csv默认分隔符是逗号。 read_table默认分隔符是制表符（“＼t”）。 read_fwf读取定宽列格式数据（没有分隔符） read_clipboard读取剪贴板中的数据。将网页转换为表格时很有用。 header=none：pandas为其分配默认的列名。否则用：names=［“”，“”］。 读取时，列索引参数：index_col=‘’。 skiprows跳
php xml 空格,XML对代码中的空白处理详细介绍
weixin_39926540的博客
03-24 393
这篇文章主要介绍了XML对代码中的空白处理,文中介绍到了XML书写中的有效空白与无效空白的区分,需要的朋友可以参考下1、在XML规范中，空白包括空格，制表符和空行。在编辑XML文档时，我们常常使用空白来分隔标记，以获得较好的可读性，然而在交互的空白文档中，这些空白就不需要了，但有时候又需要保留这些空白。例如，诗歌和程序代码中的空白，2、XML处理器总是将文档中不是标记的所有字符都传递给应用程序，一...
利用python进行数据分析学习笔记1(数据加载，存储与文件格式)
jianwulongquan的博客
06-24 1384
读写文本格式的数据将工作目录下的一个csv文件读入一个DataFrame中df = pd.read_csv('examples/ex1.csv')也可以是哟个read_table方法，并指定分隔符pd.read_table('examples/ex1.csv',sep=',')有些数据文件没有标题行，如果直接读取，会将第一行默认设置为标题行，传入header=None参数可以避免。pd.read_...
【Python笔记】read_html():获取网页表格数据 & 读取JSON数据 & XML和HTML:Web信息收集 & 使用HTML和Web API
西瓜太郎
01-27 1726
文章目录JSON数据XML和HTML:Web信息收集使用HTML和Web API JSON数据 JSON（JavaScript Object Notation的简称）已经成为通过HTTP请求在Web浏览器和其他应用程序之间发送数据的标准格式之一。它是一种比表格型文本格式（如CSV）灵活得多的数据格式。 注意：全都要用英文输入模式下的双引号 “ obj=""" {"name":"Wes", "places_lived":["USA","Spain","China"], "pet":null, ".
h5的新标签以及html和xml区别
weixin_33940102的博客
05-13 526
首先我们这里说的h5是值得html5而不是大h5前端 前端技术是在不断的更新换代的，自从在1999年W3C推出的html4的标准之后，又经过8年的努力和筹备，在2014年9月份该组织又推出了html5标准，当然对于该标准推出了更多封装的更好的标签和语法，我们在这章可以大致了解一二。 语意化是html5在页面结构上改变的一个重要的特点： 这个图片可以解释了语意化的好处： 1.页面结构更清晰 2.代码...
【Web】XML与HTML的区别与联系
没有伞的孩子必须努力奔跑！—小林
12-20 984
【定义】 1、什么是XML？ XML即ExtentsibleMarkupLanguage(可扩展标记语言)，是用于网络上数据交换的语言。它没有标签集，也没有语法规则，但是它有句法规则。任何XML文档对任何类型的应用以及正确的解析都必须是良构的，即每一个打开的标签都必须有匹配的结束标签，不得含有次序颠倒的标签，并且在语句构成上应符合技术规范的要求。XML文档可以是有效的，但并非一定要求有效。所谓
Markdown中的有序列表，无序列表和多级列表
weixin_37990186的博客
02-04 1万+
有序列表：数字 + 英文句号 + 空格 + 标题 ##### 有序列表 1. part 1 2. part 2 3. part 3 有序列表 part 1 part 2 part 3 无序列表：*/+/- + 空格 + 标题
《利用Python进行数据分析》学习笔记ch06(7)
08-10 989
第6章 数据加载、存储与文件格式
如何新建一个activity和.xml链接在一起_编写第一个列表网页 - 有序和无序
weixin_39553272的博客
12-01 224
编写第一个列表网页我们了解了一些网页标签后，接下来看一下网页中的列表，例如我们常见的一些新闻网页中等等，这些都是常见的新闻列表，下面我们来一起写一这种列表内容：我们首先打开我们的Hbuilder软件，可以新建一个文件，也可以根据上节我们建的HTMLCSS文件里继续创建。右击我们的HTMLCSS文件夹，新建一个目录（相当于文件夹），命名为002网页列表。右击002网页列表文件夹，新建一个.html的...
Java Web编程基础：HTML与XML详解
这门Java Web编程课程为学习者提供了扎实的基础，涵盖了HTML标签、表单设计、以及与XML的结合，对于理解Web应用程序的前端和后端交互至关重要。通过深入学习和实践，学员将能够构建出功能丰富的Web应用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值