黑马程序员-------HTML基础知识

这篇博客详细介绍了HTML的基础知识,包括HTML的结构、常见标签、属性、路径、链接、列表、表格、表单、样式表以及HTML标准。还提到了HTML中的框架和Div+CSS布局,是学习HTML的全面指南。
摘要由CSDN通过智能技术生成

---------------------- <a href="http://edu.csdn.net"target="blank">ASP.Net+Android+IOS开发</a>

<a href="http://edu.csdn.net"target="blank">.Net培训</a>、期待与您交流! ----------------------

一、HTML简介

1HTML是什么?

HTMLHyper Text Markup Language)超文本标记语言,就是用来描述网页的外观。

2HTML文档

一个HTML文档就是一个网页,由“标签”和“页面内容”组成。网页的文件格式是.html或者.htm

标签内部有属性信息

(3)HTML文件的结构

<html>-----------------------------------html文档开头标记

     <head>---------------------------html文档头部标记

           <title>--------------------html网页的标题标记

           </title>

     </head>

     <body>----------------------------html文档的正文

     </body>

</html>------------------------------------html文档的结束标记

(4)HTML文件的规范

   1.标签大多都是成对出现的  例如:<font> </font>

   2.有个别单标签可以出现一次就闭合 例如:<br / >

   3.属性的值都用“”括起来,可以有多个属性,用空格分开,并且用键值对方式。例如:color=red

   4.HTML标签一般使用小写。(XHTML中强制使用小写)

HTML 每一个标签可以理解成为一个基本块,所以一般成对使用,代表一块,但标签内部闭合,也是一块,只是这一块只包括自己的内容。

(5)HTML开发工具

   有记事本、NotePad++EditPlus等等。

二、HTML常见标签

1.<p>段落标签: 表示另起一段

2. 空格标签:在html文件中,如果你的文本之间加入多个空格,显示中只出现一个,只能通过表格标记来增加多个空格。

3.<h1>标题标签,数字可以是1-6,,字号依次变小。使用标题标签自动换行并加粗。

4.<img>图片标签,一般里面添加src 等属性来让网页显示图片

5.<br>换行标签

6.<!----   ----->文档注释,增加网页可读性。

7."&gt " :表示>

8."&lt" :表示<

9.& "amp":表示&

10. <hr />水平线 :把内容用水平线划分开

11. "&copy":©© 版权标记

12." &quot":“ 引号标记

13.®"&reg":®   注册商标标记

14.<font>自体标签

15.<b>定义自体加粗

16.<i>让自体倾斜

17.<tt>定义打字机文本(等长等宽)

18.<u>给文本加下划线

19.<s>给文字添加删除线

20.<strong>强调文本并加粗(一般在搜索时容易查找)

21.<em>强调文本并倾斜

22.<code>定义计算机代码文本

23.<samp>定义计算机代码样本

24.<pre>预定义文本,可以保留你的文本格式

25.<marquee>让网页元素运动起来、可以设定方向

三、常见属性

1.Border :图片或者表格的边框

2.Src : 图片的路径

3.Width :长度属性

4.Height :宽度属性

5.Alt :图片的描述属性,在网页中如果鼠标指向图片,可以显示alt属性值的文字。

6.Align:元素的对齐位置,可选值(left,right,center

7.Size :字号大小(水平线中表示高度)

8.Color:颜色标签

9.Noshage:水平线属性,去掉水平线的阴影。

10.Face:font标签内的自体属性

11.Direction配合<marquee>标签,让网页元素想某一方向运动

12.Behavior配合<marquee>标签 值有scrollalternateslide

13.常见的body属性:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值