HTML语法总结，呕心沥血

最新推荐文章于 2024-09-12 18:02:32 发布
最新推荐文章于 2024-09-12 18:02:32 发布
阅读量778 收藏 2
点赞数
分类专栏： WEB编程相关 文章标签： html 文档 图形 border 浏览器 table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/angles_yxy/article/details/1831814
版权

学习了一下HTML语法，将其细节总结成了一个Html文档。如下，全部用手敲出来的！好记性不如烂笔头，敲了一遍，大致也记得了。

创建任意.html文件，用记事本打开，粘贴分割线以下内容，可以用IE浏览器打开。因为图片是本地文件，会显示为小红叉，哈哈。

-------------------------------------------------------------------------------------------------------------------

<!-- 这是注释格式 -->
<HTML>
 <HEAD>
  <TITLE>这里显示显示在窗口顶端的标题</TITLE>
 </HEAD>
 <BODY BGCOLOR="#ffffff" TEXT="#000000" LINK="#0000FF" VLINK="#ff0000" ALINK="ff0000">
  <!--BODY中的属性BGCOLOR|TEXT|LINK|VLINK|ALINK|BACKGROUND-->
  <!--BGCOLOR页面背景色||TEXT文字色彩属性||LINK待连接的超链接对象色彩属性-->
  <!--VLINK连接中的超链接对象色彩属性||ALINK已经链接的超链接对象色彩属性-->
  <!--BACKGROUND指定HTML背景图形文件-->
  <!--各色彩属性的参数值表示为RGB值，有6位，以#开头，取值从00到FF-->
  <!--红色#ff0000黄色#00ff00蓝色#0000ff白色#ffffff黑色#000000-->
  <A NAME="flag">
   顶端<P>
  </A>
  <HR>
  几种字体：<P>
   <!--P是换行，不需要</P>-->
  <B>粗体字</B>
  <I>斜体字</I>
  <BLINK>闪烁</BLINK>
  <STRIKE>中线</STRIKE>
  <SUB>下标字体</SUB>
  <SUP>上标字体</SUP>
  <ADDRESS>地址格式</ADDRESS>
  <HR>
  <!--水平标记符，不需要</HR>-->
  <H1>H1格式标题，大</H1>
  <H2>H2格式标题，有点大</H2>
  <H3>H3格式标题，不太大</H3>
  <H4>H4格式标题，不太小</H4>
  <H5>H5格式标题，有点小</H5>
  <H6>H6格式标题，小</H6>
  <HR>
  三种列表：<P>
  1.无序号列表Unordered Lists<P>
   <!--一对<UL></UL>表示出一个列表，<LI>标识一行-->
   <UL>
   <LI>第一行
    <LI>第二行
     <LI>.....
      <LI>第N行 
    </UL>
  2.有序号列表Ordered Lists<P>
   <!--会自动列出序号-->
   <!--一对<OL></OL>表示出一个列表，<LI>标识一行-->
   <OL>
         <LI>第一行
       <LI>第二行
        <LI>.....
         <LI>第N行 
    </OL>
  3.定义式列表Define Lists<P>
   <!--叙述主题独立一行，叙述内容独立一段-->
   <!--DT表示叙述主题，DD表述叙述内容-->
   <DT><H1>叙述主题1</H1>
   <DD>你一定要幸福啊你一定要幸福啊你一定要幸福啊你一定要幸福啊
    你一定要幸福啊你一定要幸福啊你一定要幸福啊你一定要幸福啊你
    一定要幸福啊你一定要幸福啊你一定要幸福啊你一定要幸福啊
   <P>
   <DT><H1>叙述主题2</H1>
   <DD>你一定要幸福啊你一定要幸福啊你一定要幸福啊你一定要幸福啊
    你一定要幸福啊你一定要幸福啊你一定要幸福啊你一定要幸福啊你
    一定要幸福啊你一定要幸福啊你一定要幸福啊你一定要幸福啊
  <HR>
  超文本链接<P>
  <!--可以跳转到一台机器上的文件，也可以跳到文档的另一个段落，或者本机另一个文档-->
  1.跳转到某一个WEB文档<P>
   <A HREF="http://blog.csdn.net/angles_yxy">
    老杨同志的博客啦<P>
   </A>
   2.跳转到本文档的某一个标记，需要实现做标记<P>
    <A HREF="#flag">
     跳转到顶端<P>
    </A>
    <!--在前面做了标记,若跳转到另一个文件下的某个标记则为<A HREF="Filename#flag"></A>-->
  <HR>
  在页面中插入图像<P>
  <IMG SRC="myself.jpg" ALT="这个是偶自己的大头哦" ALIGN=top>
  文字1<P>
  <IMG SRC="myself.jpg" ALT="这个是偶自己的大头哦" ALIGN=middle>
  文字2<P>
  <IMG SRC="myself.jpg" ALT="这个是偶自己的大头哦" ALIGN=bottom>
  文字3<P>
   <IMG SRC="myself.jpg" ALT="这个是偶自己的大头哦" ALIGN=left>
  文字4<P>
    <IMG SRC="myself.jpg" ALT="这个是偶自己的大头哦" ALIGN=right> 
  文字5<P>
  <IMG SRC="D:/文档备份/图片/57-U5a6H5LmL5Y2w.jpg" ALT="这个是偶自己的大头哦" ALIGN=right>
  文字6<P>
   <HR>
  <!--另，文字围绕图片在这里缺乏有效控制，明天天亮再研究研究-->
  <!--上面这句说明这个IMG语句只能在本文件下加载图片-->
  <!--，并且它出现的结果是一个红叉，上面写着"这个是偶自己的大头哦"-->
  <!--SRC指定图形地址,ALT是在图形显示之前的说明文档-->
  <!--，基本上不会被显示，仅当加载速度极慢时候可能看到-->
  <!--ALIGN指定围绕图片的文字显示的位置，属性有top|middle|bottom|left|right-->
  <!--也可以让用户选择是否打开图片-->
  <A HREF="myself.jpg">是否打开图片</A>
 <HR>
 加入音频<P>
 <A HREF="平安夜.wma">平安夜</A>
 <!--并不能播放，只是作为链接指向这个音频文件-->
 <HR>
  表格制作
  <TABLE BORDER>
   <TR>
    <TD>姓名</TD>
    <TD>学历</TD>
    <TD>工资</TD>
    <TD>能力</TD>
    <TD>外语</TD>
   </TR>
   <TR>
    <TD>老杨</TD>
    <TD>本科</TD>
    <TD>一万</TD>
    <TD>巨牛</TD>
    <TD>英语</TD>
   </TR>
   <TR>
    <TD>徐前锋</TD>
    <TD>小学</TD>
    <TD>一毛</TD>
    <TD>很错</TD>
    <TD>英语</TD>
   </TR>
   <TR>
    <TD>骆宇为</TD>
    <TD>小学</TD>
    <TD>五块</TD>
    <TD>不错</TD>
    <TD>英语</TD>
   </TR>
  </TABLE>
  <!--BORDER属性为表格加上边框-->
  <!--每对<TR></TR>表示表格的一行-->
  <!--每对<TD></TD>表格一行中的一个分栏-->
   </BODY>
</HTML> 

matt2007
关注
专栏目录
html总结(呕心沥血版)
qq_51986661的博客
08-25 663
html总结,语义化标签、h5新增标签、表格、表单、列表。html面试题精选
前端面试常见的问题（呕心沥血的总结）
weixin_43714543的博客
03-22 3568
直通金三银四，你学废了吗？1. JS的数据类型哪些?2. 变量的命名规则3.转换规则4. this的指向5.改变this指向的方式6.new操作符做什么?7.什么ajax,它的5个步骤8. get与post请求的区别?9. 什么cookie?10. cookie localStorage,sessionStorage 的区别?11. 闭包?12. 原型和原型链13. ES5 新增了哪些特性?14.es6有哪些新特性,你喜欢哪些特性? (重点的重点)15.什么是回调函数16.面向对象16.设计模式 GoF1
HTML电子书
04-06
呕心沥血版HTML标记实例.CHM
HTML5(3)__H5基本语法(上)
Richard_xx的博客
07-19 4501
1 HTML基本骨架 html> 声明文档类型 html lang="en"> 根标签 head> 头标签 meta charset="UTF-8"> title>Titletitle> 标题标签 head> body> 主体标签 body> html>
HTML常用标记（完整版）
qq_34573534的博客
06-02 1万+
前端： 1.HTML 2.CSS 3.JavaScript（JS）动态 URL：统一资源定位符 HTML常用标记： 1.文档结构标记 （1）文档标记：<HTML>…</HTML> （2）头部标记：<HEAD>…</HEAD> （3）标题标记：<TITLE>…</TITLE> （4）主体标记：<BODY>…</BODY> 2.格式标记 （1）段落标记：<p>…</p> （2）换行标记：
html+css知识点总结回顾（二）
qq_43710066的博客
07-25 1224
html和css的基础知识总结！超详细！呕心沥血整理！大家一起学习，一起进步！
呕心沥血！！总结2021前端必备面试题
weixin_46191169的博客
05-06 3924
面试题 1.用递归算法实现，数组长度为5且元素的随机数在2-32间不重复 递归就是函数在内部自己调自己 1.这是一道大题目，把考点拆成了4个小项；需要候选人用递归算法实现 a)生成一个长度为5的空数组arr b)生成一个(2-32)之间的随机数rand c)要把随机数rand插入到数组arr内，如果数组arr内已存在与rand相同的数组，则重新生成随机数rand 并插入到arr内[需要使用]不能使用for/while等循环 d) 最终输出一个长度为5，且内容不重复的数组arr。 var arr=new Ar
2022年1月总结
佛系更新
01-31 864
辞旧迎新，春节快乐！一月很快就结束了，我的寒假假期也过去了一半，这应该是我最后一个如此轻松的寒假了，明年就正儿八经的开始备战考研，写技术性博客的时间不会再向今年这般的多，后年的寒假大概率在着急的准备着复试，写作的时间就更少了。一月复盘：本月实际的创作时间其实是约15天，13号结束了令人烦躁的期末考试，考试周的痛苦历历在目，不过结果还是令我有些惊喜，考的还不赖。一月共发布文章34篇（加上本篇就是35篇），其中和算法相关：14篇，其余均是写的关于AIoT的内容，有些奇怪，我原本想呕心沥血的把知识点浓缩成一大长篇
Triple Kill，呕心沥血之Thymeleaf语法精讲！（附项目代码）
numbbe的博客
10-30 550
thymeleaf的语法非常简单，学习它的语法，**首先要明确它的本质**，把model中的数据渲染到html中，因此语法主要就是解析model中的数据，一句话概括，类似于JSP页面中的${abc}，老程序员们的福利。
呕心沥血为小白总结13个学习网站-错过了你注定绕弯！
Kevinnsm的博客
05-17 498
很多朋友开始学习编程的时候，都喜欢找一些IT方面的网站来提高自己的技术。当今的网络发展迅速，IT网站多如牛毛。有些网站真的值得落脚，有些网站恐怕会耽误我们的时间。为此我在这里良心推荐一波，建议收藏！ (排名不分先后） 1、bilibili bilibili地址：https://www.bilibili.com/ 我觉得把B站放在第一位，大家应该都没什么意见，毕竟非常适合我这样的白嫖党。这几年B站的发展可谓是如火如荼，本来官方对B站的定位就只是动漫类，令人没想到的是，如今发展成了一个种类齐全的网站（不仅.
呕心沥血 JavaScript知识点梳理大全，超详细 建议收藏！！！
m0_54849806的博客
07-31 1457
一个没有被赋值的变量的默认值是undefined，而undefined的类型也是undefined，即undefined又是值，又是一种类型，这种类型只有它自己一个值3trueNaNInfinitybcdbc''bc执行函数体中的所有语句，就称为函数调用调用函数十分简单，只需要在函数名字后面书写圆括号对即可函数的内部语句可以调用这个函数自身，从而发起对函数的一次迭代。在初次给变量赋值的时候，如果没有加var，则将定义全局变量vara=1;varb=2;...
呕心沥血，一文看懂 react hooks 中 useState、useEffect、useContext、useRef、自定义hook
热门推荐
landl_ww的博客
10-05 3万+
一遍就能学会的 react hooks 介绍 react hooks 是 React 16.8 的新增特性。 它可以让我们在函数组件中使用 state 、生命周期以及其他 react 特性，而不仅限于 class 组件 react hooks 的出现，标示着 react 中不会在存在无状态组件了，只有类组件和函数组件 对比 存在即合理，hooks 也不例外，它的出现，就代表了它要解决一些 clas...
ajax,JDBC(MYSQL),Servlet以及前端语言和Java的综合利用（呕心沥血才码出来的，一个人包揽前端和后端真累啊）
m0_67401270的博客
05-31 209
编程虽非所学专业，但作为一大爱好，学有余力之时喜爱码一码。早就有想独立做出包揽前后端的设计了，随后抽出了三日的课余时光终于做出了让自己满意的效果了，于是便想总结其中所遇的BUG以及知识瓶颈。 _《1》_总共五份代码文件，咱就先从代码最多的Login.html文件说起吧————→ <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"
水平垂直居中的几种方法（总结）
致未来的你。的博客
09-11 1213
水平垂直居中的几种方法（总结）
HTML + CSS - 网页布局之一般布局&浮动布局
qq_51222843的博客
09-11 1177
讲解CSS中的一般布局以及浮动布局
XWiki中添加 html 二次编辑失效
galoiszhou的博客
09-12 278
使用 XWiki 中的 HTML 宏：如果标准的 Markdown 语法和 XWiki 的链接语法都无法工作，可以考虑使用 HTML 宏，它可以让你在 XWiki 页面中插入纯 HTML 代码，而不会被自动转换回 Markdown。如果直接在 XWiki 中添加 html, 例如 修改颜色, 新窗口打开主页面等功能, 首次保存是生效的. 如果再次编辑, 则失效, 原因是被转换成了 Markdown 的代码, 而 Markdown 不支持.解决这个问题可以使用 HTML 宏.
html 中如何使用 uniapp 的部分方法
weixin_59685936的博客
09-11 319
好了，现在就可以 uni. 使用相关的方法了。
Openlayers 报错记录 Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement‘:
最新发布
Liszter
09-12 434
原因是引用的图层得配置跨域问题。这是浏览器对canvas 设置的导出安全策略。每个引用的图层添加一个。即可、、、 不用谢、、
HTML语法全览：标签与效果详解
"HTML语法大全包含了HTML的基本元素和属性，用于创建网页内容和布局。这份资料详细介绍了各种HTML标签，如批注、跑马灯效果、字体效果以及区断标记等，帮助用户全面理解和掌握HTML语法。" 在HTML语法中，批注`<!---...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值