• 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>
  • 相关阅读:
    Google I/O 官方应用中的动效设计
    浪院长 | spark streaming的使用心得
    Kubernetes 1.12公布:Kubelet TLS Bootstrap与Azure虚拟机规模集(VMSS)迎来通用版本号
    安卓自己定义View进阶-Path基本操作
    2014编程之美初赛第二场
    2015年,即将结束
    查看JVM运行时参数
    使用ThreadPoolExecutor线程池实现并发操作并返回结果
    mysql数据库将查询的多条结果的某些字段合并为一个字段处理
    mysql数据库使用mybatis新增操作返回自增主键的值
  • 原文地址:https://www.cnblogs.com/jintuo/p/4183946.html
Copyright © 2020-2023  润新知