热门关键字:
jquery > jquery教程 > jquery教程 > HTML的简单入门

HTML的简单入门

340
作者:管理员
发布时间:2021/1/19 20:02:43
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3279
  html是一个超文本标签语言,超文本意味着,它什么都能放,包括文本,声音,图片视频等等


  首先,html要有元素,也就是标签类似于< p >< /p>这种,这是双标签意味着它是成双成对出现的,在两者之间可以写内容,如果只有其中一个,那么恭喜你,代码写错了。


  同样也有< img />这种单标签,只用写一个的元素


  在写好标签后,有时还要给它一些属性,


  例如:id:这个属性类似于身份证号,不要取重复的值


  class:这个标签类似于分组,将有相同需求的标签分成一组


  title:当鼠标悬停在当前标签内容上是会显示的内容


  style:这是给标签样式,就是大小颜色等


  以上是html标签的统一基本结构,一般而言,在编写html的工具中会自动生成这些代码,如果没有,请通过快捷方式或者手写输入


  最上面的带!的标签是告诉浏览器遵循那种规范,默认为H5的规范


  html是根标签包含所有内容


  head是表示头部信息


  meta标签表示描述信息,里面写的charset是字符集,也就是阅读方式为utf-8,这是可以读出中文的字符集,当然还有很多其他的字符集,


  title是网页的标题


  如:


  里面的百度一下就是title


  body里面写的是网页的主题,也就是我们看到的网页中显示的内容


  一般有:


  h:有h1到h6,是双标签一般用来写标题,内容会大号加粗


  p:双标签,用来给内容分段


  hr:可以在网页中显示一条分割线


  strong:将字体加粗


  em:显示斜体


  u:给内容下划线


  del:在文字正中加横线,表示删除


  br:很重要,用来换行,单标签< b />


  font:字体的标签,用来设置字体属性


  img:图片标签,用法< img src"图片路径" width=""(图片宽) height=""(图片长)>


  a:链接标签,用法< a herf=“网页地址”>可以写内容< a />点击后进行网页跳转


  ol/li:有序列表,写法:


  ul/li:无序列表,写法与有序列表类似:


  div:盒子标签,一般用来做页面布局,用来包裹其他标签


  table/tr/td:表格标签,用法:


  table的属性:


  border:这是设置表格额度线宽与颜色等样式


  cellpadding:表示边框跟单元格内容的间距


  cellspacing:表示表框跟边框之间的间距距离


  align:表示表格在网页中水平的对齐方式


  width:表示宽度,可以是像素,也可以是百分比


  height:表示高度,单位像素


  tr的属性;同样可以设置宽高,也可以用


  align表示单元格内容在水平方向上的对齐方式


  valign表示单元格内容在竖直方向上的对齐方式


  td的属性:


  rowspan:表示跨行,但是要将不同行被覆盖的td标签删除


  colspan:表示跨列,同样将同一行被覆盖的td标签删除


  还有form表单:这一般是用来提交页面数据的




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐