HTML初级入门内容
发布在前端大锅饭2017年1月6日view:1131
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

常用属性: Width=宽度 Height=高度 Size=大小 Color=颜色 Align=布局方向,值包括(top,bottom,left,right,center)上,下,左,右,中。 Border=边框大小 Title=提示文字 Href=连接路径 Src=资源路径 Bgcolor=背景颜色

常用标签: 1.
换行标签
2.

段落标签
3. 粗体显示
4. 斜体显示
5. <u>删除线</u>
6. 超连接标签,href=连接地址,Target=是否新建页面打开,title=提示文字 7. 滚动标签,scrollamount=滚动速度,align=滚动方向,值包括(top,bottom,left,right,)上下左右 例:<marquee scrollamount="20" align="left">公告通知:开始正式运营</marquee>
8. 水平线标签,size=线条粗细,color=线条颜色,width=100%:表示浏览器满屏显 示,100px:表示浏览器100个像素显示 例:



<!-- 提示:以下重复的属性不在一一做解释,属性说明见文档顶部 -->
9. body标签有且只能有一对,此标签属性一改,整个页面都会改变.bgcolor=背景颜 色,background=背景图片 例:<body bgcolor="#990000" background="123.jpg">
10. 表格标签,以下表格为三行三列,table表格标签,tr行标签,td列标签,这些标签都是成对出现的,有开始就必须有结束.border=表格边框大小,cellspacing=表格间距大小,cellpadding=表格填充大小 例:
    


    
    


    
    


    
     
     
     

11. 表格跨行跨列,此例依旧是三行三列: 第一行的第1列跟第2列合并,colspan=2为跨2列; 第二行第3列跟第三行第3列合并,rowspan=2为向下跨2行; 例:
<!--这里的colspan就是向右跨列-->



<!--这里的rowspan就是向下跨行-->




   
     
   

12. 字体标签,size=字体大小,color=字体颜色

例:<font size="+2" color="#990000">红色5号字体</font>

  1. CSS样式,以下代码就是一个定义样式的模版,<style type="text/css">但凡定义的样式都要写在这对标签里面才会生效,而style标签必须在<head>标签里面写。这里定义的Td样式前面是没有加点的,这表示网页内所有td标签都会用此样式, 而且不需要经过class调用.这里自定义了Cs1,注意前面是加点的,那么说明这个样式必须用class调用 例:<style type="text/css"> <!--border为边框样式,自带三个属性,颜色、线性、粗细大小--> Td{ border:#0000FF solid 1px;} <!--这个样式是针对字体的,跟前面font差不多--> .Cs1{ font-size:14px; font-family:"宋体"; color:#FF0000} </srtpe>
    <!--这里我们对字体调用了Cs1样式--> 学习编程,美好未来 <!--这是一行一列的表格,此处没有对class调用样式,但是效果却跟上面Td定义的一样,这说明Td样式前面没有加点,网页凡是的标签将自动引用该样式-->
    123456
  2. 内嵌样式定义,简单的样式我们可以通过标签内style属性定义,效果跟13例子一样 例:红色18号字体
  3. 图片,src=图片路径,width=图片宽度,height=图片高度,高宽不写为默认大小 <!--这里的src为本地电脑image文件下的text.jpg图片--> 例1: <!--这里的src为网络图片路径-->
评论
发表评论
暂无评论
WRITTEN BY
PUBLISHED IN
前端大锅饭

平台每天更新最实用,最新颖的网页设计、网站制作技巧精品文章,分享html+css、JavaScript、jQuery,ps等直播课录像,国内知名设计师亲授!无论你身在何处,和大家一起来利用零碎的时间学习知识,涨见识、涨工资吧!

我的收藏