(一)html语法和基本结构

来源:互联网 发布:粤语学软件哪个好 编辑:程序博客网 时间:2024/06/05 08:43

1.什么是HTML标记语言表示网页信息的符号标记语言特点1.可以设置文本的格式,比如标题、字号、文本颜色、段落等等2.可以创建列表3.可以插入图像和媒体4.可以建立表格5.超链接,可以使用鼠标点击超链接来实现页面之间的跳转2.HTML的标记和他的属性标记1.HTML文档的保存格式.html.htm.xhtml2.标记和被标记的内容构建出HTML文档格式<标记>内容</标记>3.标记的属性标记的属性,就是用来控制我们的内容(图像、文本等的)如何的显示格式<标记 属性1=属性值 属性2=属性值 ... ... >内容</标记>例如<body bgcolor="red">内容</body>以上的属性是用来控制我们的网页的背景颜色,bgcolor就是body的属性,他的值是red(红色)3.语法不区分字母大小写<HTML>、<Html>、<html>都是定义相同的标记,但是在编写网页的时候尽量使用小写4.文档注释注释一段内容时使用“<!--”开始,以"-->"结束例如<!--我是这个网页的作者,我的名字叫做朱朝兵-->5.代码格式空格键和回车键在网页中都不会起到任何作用,我们为了让代码清晰易读,可以使用空格和回车键进行编排。注意:缩进时保持严格的规则,以“Tab”键进行缩进!6.字符实体1.什么是字符实体?比如我们想在网页上面显示一个“<”小于符号,但是“<”在HTML中是文档标记的开始语言,如果我们直接使用“<”会出差错,所以我们就会一些实体名称来代替!2.常见的字符实体显示结果----------描述----------实体名称----------实体编号 ---------------------空格----------    ---------- <--------------------小于号---------- <---------- <>--------------------大于号---------- >---------- >&--------------------和号---------- &---------- &"--------------------引号---------- " ---------- "'--------------------撇号---------- ' (IE不支持)---------- '¢--------------------分---------- ¢---------- ¢£--------------------镑---------- £---------- £¥--------------------日圆---------- ¥---------- ¥€--------------------欧元---------- €---------- €§--------------------小节---------- §---------- §©--------------------版权----------&copy;---------- ©®--------------------注册商标---------- &reg;---------- ®™--------------------商标---------- ™---------- ™×--------------------乘号---------- ×---------- ×÷--------------------除号---------- ÷---------- ÷1.<html>内容</html>解释HTML文档的文档标记,也称为HTML开始标记功能这对标记分别位于网页的最前端和最后端<html>在最前端表示网页的开始</html>在最后端表示网页的结束2.<head>内容</head>解释HTML文件头标记,也称为HTML头信息开始标记功能用来包含文件的基本信息,比如网页的标题、关键字,在<head></head>内可以放<title></title>、<meta></meta>、<style></style>等等标记注意在<head></head>标记内的内容不会在浏览器中显示3.<title>内容</title>解释HTML文件标题标记功能网页的“主题”,显示在浏览器的窗口的左上边注意网页的标题不能太长,要短小精悍,能具体反应页面的内容,<title></title>标记中不能包含其他标记4.<body>内容</body>解释HTML文档的主体标记功能<body>...</body>是网页的主体部分,在此标记之间可以包含如<p></p>、<h1></h1>、<br>、<hr>等等标记,正是由这些内容组成了我们所看见的网页body标记的常见属性1.bgcolor设置背景颜色<body bgcolor="red"></body>2.text设置文本颜色<body text="green"></body>3.link设置连接颜色<body link="blue"></body>4.vlink已经访问了的链接颜色<body vlink="yellow"></body>5.alink正在被点击的链接颜色<body alink="red"></body>5.<meta>内容</meta>解释页面的元信息(meta-information)功能提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。必须的属性content值:some_text定义与 http-equiv 或 name 属性相关的元信息常见的属性1.常用的name属性1.author2.keywords3.description6.others把 content 属性关联到一个名称。比如描绘出网页的关键词:<meta name="keywords" content="麦子学院,IT在线培训">注意meta标记必须放在head元素里面


0 0
原创粉丝点击