无聊萌辛🔯 末日之宇
关注数: 41 粉丝数: 3 发帖数: 631 关注贴吧数: 32
HTML的基本结构 <head> <title>网页的标题</title> <meta charset="utf-8"/> </head> <body> 写网页的主体 </body> 注意:写完代码记得将格式保存为.html(推荐) htm xhtml HTML的基本结构详解 1.<html>内容</html> 解释:HTML文档的文档标记,也称为HTML开始标记 功能:表示网页的开始和结束 2.<head>内容</head> 解释:HTML文件头标记,也称为HTML头信息开始标记 功能:用来包含文件的基本信息,比如网页的标题、关键字,在内可以放、、等等标记 注意:当中的内容不会在浏览器当中显示 3.<title>内容</title> 解释:HTML的标题文件 功能:网页的主题,显示在浏览器的窗口的左上边! 4.<body>内容</body> 解释:HTML文档的主体标记 功能:…是网页的主体部分,在此标记之间可以包含如<p></p>、<h1></h1>、<br>、<hr>等等标记,正是由这些内容组成了我们所看见的网页 二、HTML的基本标签1、格式标签: 1、段落标签:格式:<p>你要分段的内容</p> 功能:对网页上的文字进行分段特点:间距比较大 2、换行标签格式:你要换行的文字后面直接加标签:<br/>注意:它是一个单标签 3、居中对齐标签格式:<center>你要居中的内容</center>让段落或者文字能够相对于父标签居中显示 2、文本标签 1、标题标签:格式:<h1>标题</h1>...<h6>标题</h6> 功能:定义网页中的文字标题特点: 标题标签独占一行 2、字体设置标签:格式:<font>要设置的文字</font> 功能:修改文字颜色、字体、大小。常用属性: <font szie="12px">老王</font> <font color ="red">字体改为红色</font> <font face="微软雅黑">更改文字字体</font> 3、字体加粗/倾斜表示强调,通常为粗体字 </strong> <b>字体加粗</b> <em>表示强调 3.图像标签网页上面我们看到不仅有文字、还有图片,下面重点讲如何向网当中插入图片! 1、格式如下:<img src="图片路径" width="设置图片宽度" height="设置图片高度" border="边框" alt="图片"/> 2、<img/>标签常见属性详解 1.src属性作用:指定我们要加载的图片的路径和图片的名称以及图片格式 2.width属性作用:指定图片的宽度,单位px、em、cm、mm 3.height属性作用:指定图片的高度,单位px、em、cm、mm 4.border属性作用:指定图标的边框宽度,单位px、em、cm、mm 5.alt属性作用1:当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字作用 2:如果图像没有下载或者加载失败,会用文字来代替图像显示作用 3:搜索引擎可以通过这个属性的文字来抓取图片四、网页上的特殊字符为什么会存在特殊字符?- 比如我们想在网页上面显示一个“<”小于符号,但是“<”在HTML中是文档标记的开始语言,如果我们直接使用“<”会出差错,所以我们就会一些实体名称来代替! 四、网页中的超链接 1、基本语法<a href="" target="打开方式" name="页面锚点名称" >链接文字或者图片</a>属性讲解- href 属性:链接的地址,链接的地址可以是一个网页,也可以是一个视频、图片、音乐等等 target属性:1.作用:定义超链接的打开方式2.属性值:_blank:在一个新的窗口中打开链接 _seif(默认值):在当前窗口中打开链接 _parent:在父窗口中打开页面(框架中使用较多) _top:在顶层窗口中打开文件(框架中使用较多)name属性指定页面的锚点名称六、 代码的格式空格键和回车键在网页中都不会起到任何作用,我们为了让代码清晰易读,可以使用空格和回车键进行编排。
1 下一页