北京华昊网站建设,设计配色推荐的网站,python怎么学,网站建设新手教程一、html简介
什么是HTML#xff1f; Hyper Text Markup Language 超文本标记语言 超文本#xff1f;超级文本#xff0c;例如流媒体#xff0c;声音、视频、图片等。 标记语言#xff1f;这种语言是由大量的标签组成。 任何一个标签都有开始标签和结束标签 Hyper Text Markup Language 超文本标记语言 超文本超级文本例如流媒体声音、视频、图片等。 标记语言这种语言是由大量的标签组成。 任何一个标签都有开始标签和结束标签例如 标签 : 开始标签 /标签 : 结束标签 HTML严格意义上来只能说是一种规范一种浏览器上的规范 标签语言不能称为编程语言因为HTML中没有变量、数据类型 控制语句if 、for这些都没有的。
二、第一个html代码
!--这是HTML的注释信息--
!--这是根--
html!--头--head!--标题栏--titlemy first html page/title/head!--网页体--body!--这里的内容显示到网页上--这是我的第一个HTML页面/body/html
运行效果
三、基本标签 下列代码展示了段落标记、标题字、换行、水平线、预留格式、粗体字、斜体字、插入字、删除字、右上角加字、右下角加字、font(格式)标签的用法
htmlheadmeta charsetgbk /title基本标签/title/headbody!--段落标记--p《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花觉得花落以后埋在土里最干净说明她对美有独特的见解。她写了葬花词以花比喻自己在《红楼梦》中是最美丽的诗歌之一。贾宝玉和林黛玉在葬花的时候有一段对话成为《红楼梦》中一场情人之间解除误会的绝唱。/pp《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花觉得花落以后埋在土里最干净说明她对美有独特的见解。她写了葬花词以花比喻自己在《红楼梦》中是最美丽的诗歌之一。贾宝玉和林黛玉在葬花的时候有一段对话成为《红楼梦》中一场情人之间解除误会的绝唱。《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花觉得花落以后埋在土里最干净说明她对美有独特的见解。她写了葬花词以花比喻自己在《红楼梦》中是最美丽的诗歌之一。贾宝玉和林黛玉在葬花的时候有一段对话成为《红楼梦》中一场情人之间解除误会的绝唱。《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花觉得花落以后埋在土里最干净说明她对美有独特的见解。她写了葬花词以花比喻自己在《红楼梦》中是最美丽的诗歌之一。贾宝玉和林黛玉在葬花的时候有一段对话成为《红楼梦》中一场情人之间解除误会的绝唱。《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花觉得花落以后埋在土里最干净说明她对美有独特的见解。她写了葬花词以花比喻自己在《红楼梦》中是最美丽的诗歌之一。贾宝玉和林黛玉在葬花的时候有一段对话成为《红楼梦》中一场情人之间解除误会的绝唱。/p!--标题字--h1标题字/h1h2标题字/h2h3标题字/h3h4标题字/h4h5标题字/h5h6标题字/h6!--换行标记--hello world!!--长了一只眼睛独目标记--hellobr world!!--水平线独目标签--hr!--color是一个属性用来指定颜色值--!--color是属性的名字red是属性的值--hr colorred!--HTML中的字符串可以使用单引号也可以使用双引号--hr colorred!--HTML的语法很松散不严格去掉单引号双引号也行--hr colorgreen !--HTML不区分大小写--HR!--预留格式--!--保留格式在HTML源码上是什么格式到网页上还是这个格式不变。--prefor(int i 0; i 100; i){System.out.println(i i);}/pre!--粗体字--b粗体字/b!--斜体字--i斜体字/iins插入字/insdel删除字/del10sup2/supmsub2/sub!--font字体标签--!--color是字体颜色size是字号--font colorred size12hello world!/fontbrbrbrbrbrbrbrbrbrbr/body
/HTML 四、实体符号 下列代码展示了空格、大于号、小于号的用法及运行结果
!-- 凡是HTML页面中第一行是以下代码的表示该页面是一个HTML5页面H5。 --
!DOCTYPE html
htmlhead!-- 这个是告诉浏览器采用哪一种字符编码方式打开该页面。一般这个编码方式要和文件的编码方式相同不然会乱码。 --!-- windows操作系统的浏览器在没有指定任何编码方式的时候浏览器默认采用GBK的简体中文的方式打开这是因为我们的windows操作系统是简体中文环境。 --!-- 而我们程序员一般工作区当中文件的编码方式都是UTF-8因为unicode更加通用。 --!-- 当前这个文件就是utf8的编码方式如果不写以下代码浏览器会采用GBK的方式打开就会出现乱码。 --meta charsetutf-8title实体符号/title/headbody!-- 空格 --!-- nbsp; 这是一个空格。属于实体符号 --a bcbranbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;bcbr!-- 小于号呢 --bacbr!-- lt; 这是小于号 --!-- gt; 这是大于号 --blt;agt;c/body
/html五、表格
1.表格——基本概念
!DOCTYPE html
htmlheadmeta charsetutf-8titleHTML表格/title/headbody!-- 3行3列的table --!-- border用来设置边框的宽度1px表示1像素 --!-- table border1px width300px height200px --!-- 还可以写成百分比的方式。 --!--align设置剧中方式设置表格居中--table border1px width50% height200px aligncenter!-- 第一行 --tr!-- 第一个单元格 --td1/tdtd2/tdtd3/td/tr!-- 第二行中的数字居中 --tr aligncenter!-- 第一个单元格 --td1/tdtd2/tdtd3/td/trtrtd1/tdtd2/td!-- 这个单独的数字居中 --td aligncenter3/td/tr/table/body
/html2.表格——单元格的合并
!DOCTYPE html
htmlheadmeta charsetutf-8title表格单元格的合并/title/headbodytable width50% border1pxtrtd1/td!-- colspan表示列合并合并2个。 --td colspan2xy/td!-- tdy/td --/trtrtd1/tdtd1/td!-- rowspan表示行合并2表示合并两个。 --td rowspan2KINGford/td/trtrtd1/tdtd1/td!-- tdford/td --/tr/table/body
/html3.表格——th标签
!DOCTYPE html
htmlheadmeta charsetutf-8titleth标签/title/headbodytable border1px width50%tr!-- td员工编号/tdtd员工姓名/tdtd员工薪资/td --!-- th可以代替td做单元格th中的内容会自动加粗会自动居中。 --th员工编号/thth员工姓名/thth员工薪资/th/trtrtd7369/tdtdSMITH/tdtd800.0/td/trtrtd7370/tdtdKING/tdtd8000.0/td/tr/table/body
/html4.表格——thead-tbody-tfoot
!DOCTYPE html
htmlheadmeta charsetutf-8titlethead tbody tfoot/title/headbody!-- 一个table可以被thead tbody tfoot分隔为三部分。 --!-- 这个语法主要是为了后期javascript提供方便。 --table border1px width50%theadtrth员工编号/thth员工姓名/thth员工薪资/th/tr/theadtbodytrtd7369/tdtdSMITH/tdtd800.0/td/trtrtd7370/tdtdKING/tdtd8000.0/td/tr/tbodytfoottrtdx/tdtdy/tdtdz/td/tr/tfoot/table/body
/html
