HTML学习笔记(1)

1.简介

        html是超文本标记语言。也是网页语言。

*超文本:超出文本范畴,例如修改颜色等

*标记:html所有的操作都是通过标记实现。//标签 <标签>

*网页语言:

    创建html文件  .htm  .html

    直接通过浏览器运行。

*第一个html文件

    <font size="5" color="red">这是我的第一个html程序</font> 

*html规范:

1.一个html文件需要有开始标签和结束标签。<html></html>

2.html包含两部分内容

        <head>设置相关信息</head>

        <body>显示在页面上的内容</body>

3.要有开始标签,也有结束标签。标签需要成对出现。

4.html代码不区分大小写。java区分。

5.一些标签没有结束标签,在标签内结束。

    //例如换行 <br/><hr/>

    //XHTML中必须要使用<br/>,HTML中可以使用<br>

    //使用 <br> 来输入空行,而不是分割段落。

*html操作思想

    网页中有很多数据,不同数据可能需要不同显示效果。需要使用标签包住数据,通过修改标签属性值实现样式变化。

6.常用标签:

*文字标签与注释标签:

    <font></font>  

        //size     1-7,超出7会维持7。

        //color    直接使用英文单词或十六进制数表示#ffffff,RGB表示。

    <!-- html注释 -->

*标题,水平线,特殊字符

    <h1></h1>  <h2></h2>...<h6></h6> 标题,大小从1到6变小,自动换行

    <hr/> 水平线。

        //size    同font

        //color    同font

    特殊字符需要进行转义。

        //< &lt;  >&gt;  空格 &nbsp;  &  &amp;

*列表标签

    <dl></dl> 表示列表范围。

    <dt></dt> 上层内容。//需要在dl中

    <dd></dd> 下层内容。//需要在dl中


    <ol></ol> 有序列表范围 // type 1,a,i。1为默认

    <li></li> 具体内容。

    

    <ul></ul> 无序列表范围  //type默认实心圆disc,空心圆circle,实心方块square。

***图像标签

    <img src="图片路径"> //src,width,height,alt。alt为鼠标停留标签

*路径

    绝对路径 //

    相对路径 //相对与html文件所在的位置 上层目录为../  下层为\

***超链接

    <a href="链接到资源的路径">显示在页面上内容</a> //href 链接资源地址  target 设置打开方式,默认当前页 _blank 新标签页,_self 当前页,没有链接资源的时候需要href="#",不然会打开所在路径

    <a name="top">顶部</a>  <a href="#top">回到顶部</a>

    <pre>:原样输出//保持格式输出,不会自动去除空格和换行。

***表格标签

    <table></table>  表格范围 //border 表格线  bordercolor 表格线颜色 cellspacing 单元格距离 weight 宽度 height 高度

    table中<tr></tr>  表格行 //align 设置显示方式 left center right。

    tr中<td></td>  行中的单元格 //同样有align,td中的会覆盖tr中的。



    


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值