• 2014-12-25 网页基础,html。


     html:超文本标记语言

    css:控制html的样式

    javascript:结合在网页的基础上,把网页作为界面,对网页的内容进行设置。(脚本语言)

    html语言中基础代码含义:

    <!--注释,网页全部由标签嵌套组成-->
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>  <!--网页的开始标记,放控制信息、标题、描述、编码方式等-->  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <!--网页的编码方式(默认为utf-8)-->
    
    <title>此处显示标题</title>   <!--网页的标题-->
    </head> 
    
    <!--body 中放的是整个网页的内容--> <body bgcolor="#990000" text="#FF0000" topmargin="200"
    background="图片路径" style=" "
    > <!--bgcolor:网页颜色,text:文字颜色-->
    <!--topmargin:网页内容距离顶端的距离,leftmargin:左间距,bottommargin:下间距-->
    Hello world! <!--background:设置背景图片,图片路径以html文件所在位置
    为基准, ../为翻往上一个文件夹-->

    <!--style:样式,可以抽取出来,写成css样式-->




    </body> </html>

    一些常用标签:

    <font color="#00FFCC" face="宋体" size="+6">  </font>    <!--face:字体,size:大小-->
    <b>加粗</b>
    <i>倾斜</i>
    <u>下划线</u>
    <p> 建一段新的段落 </p>
    <center>  居中 </center>
    <h1>标题一,加粗,字号最大</h1>
    <h2>标题二,加粗,字号比标题一小</h2>
    <h6>标题六,字号最小</h6> 

    无序列表:

                  <ul>            
                  <li>内容一</li>
                  <li>内容二</li>
                  <li>内容三</li>
                  <li>内容四</li>      
                  </ul>

    有序列表:

                  <ol> 
                  <li>内容一</li>
                  <li>内容二</li>
                  <li>内容三</li>
                  <li>内容四</li>
                  </ol>、

     超链接和锚点:

    <a href="http://www.baidu.com">超链接名字</a>
    <a href="http://www.baidu.com" target="_blank">超链接名字</a>   新打开一个页面打开超链接
    <a href="http://www.baidu.com" target="_self">超链接名字</a>   覆盖本页面打开超链接

    在标题处增加超链接,链接为#+锚点名  <a href="#maodianming">要链接到的名字</a>
    <a name="maodianming">要链接到的名字</a>

    <img src="图片的连接" width="300" height="200" alt="鼠标放上后显示的文字"/>
    若要把图片做成超链接,用超链接格式把图片格式包起来即可,例:
    <a href="http://www.baidu.com">  <img src="图片的连接" width="300" height="200" alt="鼠标放上后显示的文字"/> </a>

    背景音乐:<bgsound src=gaoshan.mp3 loop=-1>

    插入表格:

     1 <table width="200" border="1" cellspacing="1" cellpadding="3" align="center"> 
    <!--width:宽,border:像素,cellspacing:间距,cellpadding:边距,aligh:对齐方式--> 2 <tr> 3 <td colspan="2">内容内容</td> <!--跨两列,colspan--> 4 <td>内容</td> 5 </tr> 6 <tr> 7 <td rowspan="2">内容内容</td> <!--跨两行,rowspan--> 8 <td>内容</td> 9 <td>内容</td> 10 </tr> 11 <tr> 12 <td>内容</td> 13 <td>内容</td> 14 </tr> 15 </table>
  • 相关阅读:
    环境变量不重启生效
    egret list不显示问题
    批处理收集
    吐槽阿里云数据库的备份还原
    一次没清缓存的坑
    imagepng或imagejpeg浏览器无显示问题
    xdebug调试一直等待连接
    Python快速学习07:文本文件的操作
    Python快速学习06:词典
    纸上谈兵: AVL树[转]
  • 原文地址:https://www.cnblogs.com/jintuo/p/4183946.html
Copyright © 2020-2023  润新知