建立网站并以此为基础从事经营活动的企业称为什么,免费销售网站模板,佛山专业网站建设的公司,网站制作的流程包括一、HTML概述 HTML指的是超文本标记语言 超文本#xff1a;是指页面内可以包含图片、链接、声音、视频等内容 标记#xff1a;标签#xff08;通过标记符号来告诉浏览器页面该如何显示#xff09; 我们可以打开浏览器#xff0c;右击页面#xff0c;点击查看网页源代码是指页面内可以包含图片、链接、声音、视频等内容 标记标签通过标记符号来告诉浏览器页面该如何显示 我们可以打开浏览器右击页面点击查看网页源代码来方便了解HTML标签通过浏览器解析称为网页的这一过程。 例如Microsoft Edge HTML文档的声明 我们会发现很多页面源代码都会出现!DOCTYPE html这是HTML5文档的声明。如果不声明文档类型会产生一些不可预期的行为。 除了HTML5文档的声明!DOCTYPE html还有HTML4的文档声明!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//ENhttp://www.w3.org/TR/html4/loose.dtd
二、HTML基本语法 基本结构 标签 HTML中的标记指的是标签。HTML使用标记标签来描述网页。 结构:标签名标签内容/标签名 闭合标签(有标签内容) 标签名/ 自动闭合标签(无标签内容) 标签属性标签可以拥有属性。属性进一步说明了该标签的显示或使用特性。如:body textred 属性的格式:属性名属性名 属性的位置标签名 属性名属性值xxx/标签名 添加多个属性:标签名 属性名属性值 属性名属性值xxx/标签名 常用标签 标题标签h1/h1…..h6/h6 如 h1HTML在线考试题/h1 段落标签p/p 如 p aligncenter静夜思是诗人李白所做的一首五言古诗/p 换行标签: 列表:无序列表ulli/li/ul 有序列表olli/li/ol 如 列表无序列表ul typesquareli列表项1/lili列表项2/lili列表项3/lili列表项4/li/ul有序列表ol type1li列表项1/lili列表项2/lili列表项3/lili列表项4/li/ol 结果: 超链接: a/a HTML 使用超级链接与网络上的另一个文档相连通俗的说就是通过连接来访问其他网页资源。 图像标签img/ 注意图片的路径最好放在HTML文档的同一路径或者同一路径下的文件夹内。 特殊符号转义 在HTML中预留了一些字符。 这些预留字符是不能在网页中直接使用的。 比如 和 ,我们不能直接在页面中使用 和 号因为浏览器会将它解析为html签。 例如b 会被解析为b标签空格,再多的空格都会当一个空格处理。 为了可以使用这些预留字符我们必须在html中使用字符转义。 表格(有例子方便理解) 表格的标签 table标签:表格的标签 tr标签:表格中的行 th标签:表格的表头 td标签表格单元格 表格的基本结构 定义表格 表格属性 width设置宽 height:设置高 align:设置对齐位置 cellspacing:表格单元格间距设置 cellpadding:规定的是单元边沿与单元内容之间的空间。 valign:规定单元格中内容的垂直排列方式。 cospan单元格应跨越的列数(可以理解为合并列数)。 rowspan:单元格应跨越的行数(可以理解为合并行数)。 bgcolor:设置单元格的背景颜色。
表格例子
创造一个有如下效果的表格要用到:align左对齐中央对其。cellspacing,cellpadding,bgcolor等属性
代码:
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbody!-- table-- 表格标签border1 边框宽度width400 表格宽度cellspacing0 设置单元格与单元格之间的距离cellpadding0 设置单元格内容到边框的距离tr -- 表格行 alignleft / center / right 水平位置valigntop / middle /bottom 垂直位置th -- 单元格(表头 居中 加粗)td -- 普通的单元格aligncenter valignmiddle表格中的内容只能放在单元格--table border1 cellspacing0 cellpadding0tr bgcolorredth width150 height50 姓名/thth width100语文/thth width100数学/thth width100英语/th/trtrtd bgcolorgreen height50 aligncenter valignmiddle张三/tdtd90/tdtd80/tdtd70/td/trtrtd李四/tdtd90/tdtd80/tdtd70/td/trtr aligncenter valignbottom height50td王五/tdtd90/tdtd80/tdtd70/td/tr/table/body
/html
