第1章学习简单的网页设计.pptVIP

1.2 html的常用标记 属性 居中的正文标题 html body h1 align=center这是标题/h1 p上面的标题是居中显示的。/p /body /html HTML注释 在HTML文件里，你可以写代码注释，解释说明你的代码，这样有助于你和他人日后能够更好地理解你的代码。 注释可以写在!--和--之间。浏览器是忽略注释的，你不会在HTML正文中看到你的注释。 !-- This is a comment -- html body !--这是代码注释-- p代码注释是不会显示在网页里的。/p /body /html HTML特殊字符显示 显示空格 通常情况下，HTML会自动截去多余的空格不管加多少空格，都被看做一个空格。比如你在两个字之间加了10个空格，HTML会截去9个空格，只保留一个。为了在网页中增加空格，你可以使用nbsp;表示空格。 1.3 正文标题 HTML用h1到h6这几个Tag来定义正文标题，从大到小每个正文标题自成一段 h1This is a heading/h1 h2This is a heading/h2 h3This is a heading/h3 h4This is a heading/h4 h5This is a heading/h5 h6This is a heading/h6 换行 通过使用br这个Tag，可以在不新建段落的情况下换行。 br没有Closing Tag。 pThis br is a parabrgraph with line breaks/p html body p 这一段 在源代码里 包含很多分行， 但是浏览器忽略 这些分行。 /p p 这一段 在浏览器里 包含 很多 空格， 但是 浏览器忽略多余空格。 /p p 你使用的浏览器的窗口大小决定了段落的行数。如果你改编浏览器窗口的大小，段落的行数会因此改变。 /p /body /html 如何在HTML文中加条横线 html body p用hr这个Tag可以在HTML文件里加一条横线。/p hr p信息类网站/p hr p交易类网站/p hr p互动游戏类网站/p /body /html 如何改变HTML文件的背景色。 HTML常用格式 html body pb粗体用b表示。/b/p pi斜体用i表示。/i/p pdel芙蓉姐姐/del这个词当中划线表示删除。/p pins想唱就唱/ins这个词下划线插入。/p pXsub2/sub其中的2是下标/p pXsup2/sup其中的2是上标/p pblockquote好好学习，天天向上。 这句话缩进表示引用/blockquote/p pre 这是 预设(preformatted)文本. 在pre这个tag里的文本 保留 空格和 分行。 /pre /body /html * 第1章 学习简单网页设计 WANGYESHEJIJICHU 1.1 html的基本概念 1.2 html的常用标记 1.3 web网页设计 1.1 html的基本概念 HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。 和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。 一个HTML文件的后缀名是.htm或者是.html。 打开Notepad，新建一个文件，然后拷贝以下代码到这个新文件，然后将这个文件存成index.html html head title简单网页设计/title /head body This is my first homepage. b This is my first homepage. /b /body /html 要浏览这个index.html文件，双击它。或者打开浏览器，在File菜单选择Open，然后选择这个文件就行了。 这个文件的第一个Tag是html，这个Tag告诉你的浏览器这是HTML文件的头。 文件的最后一个Tag是/html，表示HTML文件到此结束。 在head和/head之间的内容，是Head信息。Head信息是不显示出来的，在 浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于有哪些信誉好的足球投注网站引擎能够有哪些信誉好的足球投注网站到你的网页。 在title和/title之间的内容，是这个文件的标题。 在body和/body之间的信息，是正文。 在b和/b之间的文字，用粗体表示。b顾名思义，就是bold的意思。 html body p这是第一段。/p p这是第二段