资讯专栏INFORMATION COLUMN

HTML总结

番茄西红柿 / 1977人阅读

摘要:宋体是文本标记语言宋体宋体文件的扩展名一般为宋体或者宋体内的标签一般是成对出现,有开始就有结束宋体第一个标签宋体所有网页内容都是放在宋体标签内宋体标签是网页是最大的标签宋体第二个标签在宋体有两个重要的标签一

HTML 是文本标记语言(Hyper Text Mark-up Language

Html文件的扩展名一般为.html或者.htm

Html内的标签一般是成对出现,有开始就有结束

第一个标签:所有网页内容都是放在html标签内 html标签是网页是最大的标签

第二个标签:在html有两个重要的标签一个叫头部标签,一个叫主体标签:,注意在标签内的所有内容一般不会显示在网页内,主要是给搜索引擎(例如:百度,搜狗,google ,雅虎等等)以及网站设计人员看的!

如果需要在网页内显示的内容必须放在标签内

第三个标签:在标签内有一个重要标签:</span><span style="font-family: 宋体;">网站标题标签</span><span style="font-family: Times New Roman;">

第四个标签:换行标签:
br是不需要成对出现的标签

第五个标签:空格标签:   不需要成对出现的标签

第六个标签:分隔线标签


Size=“分隔线的高度”,size最大值不能超过100

Color分隔线颜色,颜色有三种表示法:第一种,颜色的英语单词:例如:红red 绿green

blue ,黄色yellow 黑色black white 橙色:orange 粉色:pink

第二种:16进制表示法:16进制是用0-9 十个数加个a-f六个英文字母表示,例如红色:#ff0000

绿色:#00ff00 兰色:#0000ff 黄色 #ffff00

第三种:rgb(红色值,绿色值,兰色值)r:red G:green b:blue 红绿兰称为三源色,每一个的取值范围是0-255;例如:红色rgb(255,0,0) 绿色rgb(0,255,0) 兰色rgb0,0,255

Width有两种表示法,第一种直接用宽度值:也就是像素(px),但是不需要加单位

第二种表示法:百分比表示法:相对于浏览器宽度来定的; 50%

Align:水平对齐方式:有三种对齐方式:第一种默认为居中对齐align=”center” ,第二种居左对齐(align=”left”,第三种居右对齐(align=”right”)

例如:


     


第七个标签:文字标签需要设置效果的文字内容

Size:文字大小可以设置范围:1-7;

Color颜色,颜色有三种表示法:第一种,颜色的英语单词:例如:红red 绿green

blue ,黄色yellow 黑色black white 橙色:orange 粉色:pink

第二种:16进制表示法:16进制是用0-9 十个数加个a-f六个英文字母表示,例如红色:#ff0000

绿色:#00ff00 兰色:#0000ff 黄色 #ffff00

第三种:rgb(红色值,绿色值,兰色值)r:red G:green b:blue 红绿兰称为三源色,每一个的取值范围是0-255;例如:红色rgb(255,0,0) 绿色rgb(0,255,0) 兰色rgb0,0,255

Face是文字字体,一般设置的字体要通用的,不能设置特殊字体,因为某些计算机中不存在你所设置的字体那么无法显示效果,会自动转化成宋体显示!中文网页字体一般用宋体,现在网页还有一种字体叫微软雅黑字体也用的比较多,英文一般用字体arial

第八个标签:字体加粗要加粗的内容要加粗的内容

第九个标签:字体加斜体要斜体的文字内容

第十个标签:字体修饰,下划线:要加下划线的文字内容删除线:要加删除线的文字内容上标:要上去文字内容下标:要下去文字内容

第十一个标签:背景:背景颜色:bgcolor,如果要给一个网站加背景颜色或背景图片一般是加在body标签内:背景图片:background=”要设置的背景图片的路径”,在网页中背景图片一般只使用相对路径,不使用绝对路径

背景图片和背景颜色 可以同时设置,但是背景图片优先于背景颜色:

做网页时要注意的:同一个网站项目应该放在同文件夹下,而且在文件夹下一般要创建一个图片文件夹,将所要用到的图片都放在该文件夹下,一般取名为images,也有人取名为img

在网页设计一般设置首页文件名为index 因为index是索引的意思,在一般的服务器中都设置了默认首页为index开头,所以只要将文件名设置成index,打开网址时,会自动识别index页打开网站,也有人命名为default(默认的)

第十二:标题标签:从h1-h6

字体最大,h6最小,标题标签同样可以设置颜色大小以及字体,那必须在标题 标签内加标签

标题标签同样可以设置水平对齐方式:水平对齐方式有三个值:居中(center)居左(left默认为居左对齐)居右(right

第十三:居中标签:

要居中的内容

第十四:段落标签:

段落内容

;水平对齐方式有三个值:居中(center)居左(left默认为居左对齐)居右(right

第十五:图片标签:图片对齐方式 ”>

图片如果不设置宽度和高度,那么图片大小为原始图片大小,不会缩小也不会放大

当设置宽度或者高度两者中的其中一个的话,那么图片会按等比例缩放

如果同时设置宽度和高度,那么图片有可能会变形

图片对齐方式只有两个值:要么左对齐(left),要么右对齐(right),没有居中对齐的参数,图片对齐方式可以实现图文混排

表格:

是表格标签,有开始就有结束

在表格中,如果要做一个表格,那么首先必须有行,有了行之后必须有列

行标签为 列标签为

一般在同一个要表格中,每一行中的列数要保持一致(也就是说每行中的列数是一样的)

表格默认是没有边框的,如果需要显示边框需要加属性border=”边框大小”

如果表格中没有内容那么边框有可能不显示,如果需要显示可以加内容或者空格

表格可以设置大小,那么表格中的行和列同样可以设大小;如果表格中要设置列的宽度只需在第一行中的所有列中设置就行了,如果表格中要设置行的高度,只需在每一行中的第一列设置高度就行了(单元格是就一个td注意:虽然表格可以设置宽度和高度,但是当表格的内容超过它宽度和高度时,表格会自动撑大

表格中,所有要显示的内容必须放在

之中

表格就是一种容器:表格中可以插入图片,文字,表格中也可以插入表格

不管是加入文字图片还是加入表格所有东西都应该放在

容器内

表格中内容的对齐方式:对齐方式有水平对齐方式 align 分为居中对齐(center,居右(right)居左(left)默认为居左对齐;垂直对齐方式:valign 居顶对齐(top),居中(middle)居下(bottom,默认为居中对齐

给表格加背景颜色和背景图片

给整行加背景将bgcolor写到tr中 给单个单元格加背景写在td,给整个表格加背景加在table

  

表格内容与表格边框之间的间距:Cellpadding ==”要设置的边距大小”,单元格之间的间距:cellspacing=“要设置的单元格间距大小” ;注意:Cellpaddingcellspacing都是加在table标签内的

提交表单:

  1. 文本提交框:格式:注意:在同一个表单中name一般是唯一的,不能重复,name是作为提交表单中数据的一个标识,如果重复了,那么提交的数据就会出现混乱:例如:你提交一个姓名和一个性别,假如两者的name的值都为laoli,那么在后台提交数据时,分不清楚到是laoli是姓名还是性别
  2. 单选框:格式提交表时要提交到数据库中的名称标识” checked>

注意:单选选项可以有多个,但只能选其中一个,它的所有选项是同一组类型,那么它所有选项的name都是一致的!如果要某个选项为默认选项,在input标签后加上checked

  3.复选框:格式提交表时要提交到数据库中的名称标识” checked >

注意:复选选项可以有多个,同时可以选择多个,它的所有选项是同一组类型,那么它所有选项的name都是一致的!如果要某个选项为默认选项,在input标签后加上checked

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2172.html

相关文章

  • HTML中的meta标签常用属性及其作用总结

    摘要:元素父元素属性中的变化为中新增的,用来声明字符编码属性在中有很多值,在中只有可用具体用途元素出去属性外,都是属性或属性结合来使用指定名值对定义元数据属性与属性结合使用用来表示元数据的类型,表示当前标签的具体作用属性用来提供值。 文章同步到github 以前没怎么太注意过meta标签的作用,只是简单了解一些常用属性,现在结合个人了解的进行记录与总结: 元数据 首先需要了解一下元数据(me...

    Keven 评论0 收藏0
  • Javascript学习总结 - html5实现定位地理位置

    摘要:草案的前身名为,于年被提出,于年被接纳,并成立了新的工作团队。的第一份正式草案已于年月日公布。年月日,万维网联盟正式宣布凝结了大量网络工作者心血的规范已经正式定稿。 简述 最近在苦逼学习Javascript,并且是有任务需要去完成的,因此就有一个想法要总结记录一下自己的学习成果。这次的总结主题是html5实现定位地理位置的任务,结合原生的Javascript实现此功能。 html5 什...

    Fundebug 评论0 收藏0
  • Javascript学习总结 - html5实现定位地理位置

    摘要:草案的前身名为,于年被提出,于年被接纳,并成立了新的工作团队。的第一份正式草案已于年月日公布。年月日,万维网联盟正式宣布凝结了大量网络工作者心血的规范已经正式定稿。 简述 最近在苦逼学习Javascript,并且是有任务需要去完成的,因此就有一个想法要总结记录一下自己的学习成果。这次的总结主题是html5实现定位地理位置的任务,结合原生的Javascript实现此功能。 html5 什...

    layman 评论0 收藏0
  • Javascript学习总结 - html5实现定位地理位置

    摘要:草案的前身名为,于年被提出,于年被接纳,并成立了新的工作团队。的第一份正式草案已于年月日公布。年月日,万维网联盟正式宣布凝结了大量网络工作者心血的规范已经正式定稿。 简述 最近在苦逼学习Javascript,并且是有任务需要去完成的,因此就有一个想法要总结记录一下自己的学习成果。这次的总结主题是html5实现定位地理位置的任务,结合原生的Javascript实现此功能。 html5 什...

    impig33 评论0 收藏0
  • Javascript学习总结 - html5实现定位地理位置

    摘要:草案的前身名为,于年被提出,于年被接纳,并成立了新的工作团队。的第一份正式草案已于年月日公布。年月日,万维网联盟正式宣布凝结了大量网络工作者心血的规范已经正式定稿。 简述 最近在苦逼学习Javascript,并且是有任务需要去完成的,因此就有一个想法要总结记录一下自己的学习成果。这次的总结主题是html5实现定位地理位置的任务,结合原生的Javascript实现此功能。 html5 什...

    y1chuan 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<