HTML自学笔记选编.docx

HTMLh1 Hello World /h11.1为Hello World添加样式!DOCTYPE HTMLhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 titleHtml和CSS的关系/title style type=text/cssh1{ font_size;12px;color:#930;text-align:center; } /style /head body h1Hello World!/h1 /body/htmlfont-size: 字体大小color：颜色text-align：水平方向的对齐方式左对齐: left居中对齐: center右对齐: right两端对齐: justify1.2认识html标签!DOCTYPE HTMLhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 title认识html标签/title /head body h1勇气/h1 p三年级时，我还是一个胆小如鼠的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。/p p到了三年级下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着：我来，我来。我环顾了四周，就我没有举手。/p imgsrc=/52b4113500018cf102000200.jpg /body/html我们来分析一下，这个网页由哪些html标签组成：“勇气”是网页内容文章的标题，h1/h1就是标题标签，它在网页上的代码写成h1勇气/h1。“三年级时...我也没勇气参加。” 是网页中文章的段落，p/p是段落标签。它在网页上的代码写成 p三年级时...我也没勇气参加。/p网页上那张小女生的图片，由img标签来完成的，它在网页上的代码写成imgsrc=1.jpg1.3标签的语法!DOCTYPE HTMLhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 title标签的语法/title /head body h1在本教程中，你将学习如何使用 HTML 来创建站点/h1 p当特殊的样式需要应用到个别元素时，就可以使用内联样式。 /body/html1. 标签由英文尖括号和括起来，如html就是一个标签。2. html中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个/。如：（1）?p/p（2）?div/div（3）?span/span3. 标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：div里嵌套p，那么/p必须放在/div的前面。如下图所示。4. HTML标签不区分大小写，h1和H1是一样的，但建议小写，因为大部分程序员都以小写为准。http-equiv=Content-Type 表示描述文档类型content=text/HTML; 文档类型mime类型，这里为html,如果JS就是text/javascript，charset=utf-8 页面字符集，编码，eg:gb2312,iso-8859-1,utf-8meta是html中的元标签，其中包含了对应html的相关信息，客户端浏览器或服务器端的程序会根据这些信息进行处理。HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。content（内容类型）：重要！！这个网页的格式是文本的，网页模式charset（编码）：特别重要！！！这个网页的编码是utf-8，中文编码，需要注意的是这个是网页内容的编码，而不是文件本身的，其他类型的编码中文可能会出现乱码。div 是一个块级元素div 可定义文档中的分区或节（division/section）。div 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 div，那么该标签的作用会变得更加有效。1.4认识html文件基本结构这一节中我们来学习html文件的结构：一个HTML文件是有自己