HTML基础标签入门

HTML基础标签

  昨天学习了一些HTML的基本标签以及基本属性:

  HTML是一种超文本标记语言,其中PHP是世界上最好的语言(增加学习的动力荣誉感)。

  HTML文档里包含三部分:

  <html>——开始标签

    <head> ——网页上的控制信息

      <title>——网页标题

      </title>

    </head>

    <body>

    网页显示的内容

    </body>

   </html>——结束标签

  <!——注释的内容——> 注释

  body的属性:

    background                                   网页背景图片

    bgcolor                                         网页背景颜色

    text                                              文字颜色

    topmargin                                     上页边距

    leftmargin                                     左页边距

    rightmargin                                   右页边距

    bottommargin                               下页边距

  一般标签:

    格式控制标签:

      <font color="" face="" size=""></font>       控制字体;color,字体颜色;face,字体;size,字体大小。

      <b></b>                         字体加粗

      <i></i>                           倾斜

      <u></u>                         下划线

      <strong></strong>          字体加粗(强调,语气加强用)

      <em></em>                   字体倾斜(强调,语气加强用)

      <center></center>          居中

      <br>或</br>                   相当于回车,换行

      &nbsp;                            表示空格

    内容容器标签:

      <h1></h1>......<h6></h6>  标题(会自动换行)。HTML标题(Hesding)是通过<h1>-<h6>等标签进行定义的。

      <p></p>                        段落标签(段落之间空行)

      <div></div>                   层标签(默认占用一行)

      <span></span>              层标签(默认用多大空间占用多大空间)

      <ol type="1/a/A...">     ——有序列表,序号为双引号里面的格式,引号中可以更改序列号形式

        <li>内容<li>

        <li>内容<li>

        <li>内容<li>

      </ol>  ——上面的"ol"变为"ul"则为无序列表

      相对路径:相对于本文档位置;

      绝对路径:直接从哪个盘开始读取。

  常用标签:

    超链接标签

      <a href="超链接的地址" target="blank/self">超链接的文字或者图片</a>

      blank是从一个新网页打开;self是自身网页打开!

      第一步:做锚点的标签。<a name=""></a>

      第二步:做锚点链接。<a href="#目标连接的name的值"></a>

    图片标签

      <img src="图片地址" alt="图片无法显示时出现的文字" title="鼠标指向时现实的文字" width="" height="">  ——高和宽设置一个即可,显示图片会按比例缩放。

  表格标签:

    表格

      <table width="宽度" border="边框" align="对齐方式" background/bgcolor="背景图片/背景色">

        行:

        <tr align="水平对齐方式" valign="垂直对齐方式" height="行高" background/bgcolor="背景图片/背景色">

          单元格:

          <td align="水平对齐方式" valign="垂直对齐方式" width="单元格宽度" height="单元格高度" backgroung/bgcolor="背景图片/背景色">

          </td>

        </tr>

      </table>

align:left   center  right

    valign:top  middle   bottom

    单元格合并:

    colspan="n"       合并同一行单元格(后面写代码要减去相应的列)

    rowspan="n"      合并同一行列单元格(后面写代码要减去相应的列)。

  这就是第一天所学内容,这一部分很简单,试一下就会了。

时间: 2024-12-27 19:06:17

HTML基础标签入门的相关文章

HTML入门-页面结构&amp;基础标签

文章目录 一.什么是html?二.动态网页与静态网页区别?(面试题)三.三个版本和一个标准(面试题)四.html5的扩展五.html创建文件(重点)六.html格式(重点)七.html基本结构(重点)八.注释九.基础标签(重点)十.文本标签十一.布局标签十二.特殊符号一.什么是html? html 超文本标记语言 文本:文字元素超文本:视频,图片,音乐,链接标记符:由左书名号和右书名号包裹一个标签名字的构造-----<p>语言:人与电脑交流的语言方式二.动态网页与静态网页区别?(面试题) 动态

脱壳基础知识入门

现在加解密发展己形成2个分支了,一个就是传统的算法,另一个就是加密壳.越来越多的软件采用了密码学相关算法,现在要做出一个软件注册机己不象前几年那 么容易,这就要求解密者必须要有一定的数学功底和密码学知识,而这些在短时间内是不容易掌握的.除了密码学的应用,越来越多的软件加壳了,因此要求解密者 必须掌握一些脱壳技术,这就使得壳成了解密必须迈过的一个门槛.壳发展到今天,强度越来越高了,将许多人挡在门外,使得大家望壳兴叹.另外,论坛现在两极 分化比较严重,高手讨论的脱壳技术新手看不懂,很多人想学脱壳,但

java的基础标签

跨行业进入IT,感觉就像学习一门外语,基础标签就像英语中的单词是的,现在只会一个个单词,不会说话的感觉,痛苦呀. 1.文本格式控制标签 <font color="文本颜色" size="字体大小" face="什么字体">文本内容</font> <b></b>   字体加粗 <i></i>     字体倾斜  <em></em>强调,语气加强用 <

C#消息队列(MQ)零基础从入门到实战演练

一.课程介绍 如果您从工作中之听过但未有接触过消息对队列(MQ),如果你接触过一点关于MQ的知识,如果没有这么的多如果的话......,那么阿笨将通过本次<C#消息队列零基础从入门到实战演练>分享课让您对消息队列有一个实质性的了解和认识,达到实际的灵活贯通和运用.本次分享课您将学习到以下知识点: 1.微软MSMQ的基本使用技能以及MSMQ在WCF技术中的运用. 2.企业级RabbitMQ消息队列的两种消费模式(生产消费和发布订阅)的介绍和使用. 3.如何实现RabbitMQ客户端(Client

足彩基础知识入门(4)赛事数据库与预测平台基础概念介绍(一)

在足球赛事数据库以及统计分析预测平台中,有很多概念,如果不搞懂,很难进行下一步的工作.所以为了配合团队人员的学习和任务进行,特意编写这篇文章.如果有其他问题和不懂的,请留言,将根据情况进行更新. 本文原文地址:足彩基础知识入门(4)赛事数据库与预测平台基础概念介绍(一) 1.指数1/2/3.... 我在 足彩基础知识入门(3)足彩赔率的本质 一文中介绍了赔率的概念,那么指数的概念和赔率以及结果是相关的.我们举个例子: 如上图的比赛,前面是竞彩非让球的赔率:1.74-3.25-4.15,也就是说

马哥教育第二十三MySQL基础应用入门

1.MySQL基础应用入门                安装mariadb-10.0.19:                      vim /usr/local/mariadb-10.0.19-linux-x86_64/INSTALL-BINARY                                               cd /usr/local                      ln -sv mariadb-10.0.19-linux-x86_64 mysql

Linux基础知识入门

[Linux基础]Linux基础知识入门及常见命令. 前言:最近刚安装了Linux系统, 所以学了一些最基本的操作, 在这里把自己总结的笔记记录在这里. 1,V8:192.168.40.10V1:192.168.40.11Linux ip:192.168.40.128 2,Linux是一个操作系统, 与windows的区别:Linux:图形化界面简单,性能很快,在企业中当做服务器来使用.Windows:图形化界面很炫,性能相对差,大众用户.windows的服务器: windows2003,win

正式学习第一天下午——基础标签及其属性

今天下午学习了html中的基础标签及其属性.以下面的HTML代码为例. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head>

HTML:基础标签及属性(备份)

基 本 标 签  创建一个HTML文档 <html></html> 设置文档标题以及其他不在WEB网页上显示的信息 <head></head> 设置文档的可见部分 <body></body> 标 题 标 签 将文档的题目放在标题栏中 <title></title> 文 档 整 体 属 性 设置背景颜色,使用名字或十六进制值 <body bgcolor=?> 设置文本文字颜色,使用名字或十六进制值 &