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>

 

插入表格:

按 Ctrl+C 复制代码
<table width="200" border="1" cellspacing="1" cellpadding="3" align="center"> <!--width:宽,border:像素,cellspacing:间距,cellpadding:边距,aligh:对齐方式--> <tr> <td colspan="2">内容内容</td> <!--跨两列,colspan--> <td>内容</td> </tr> <tr> <td rowspan="2">内容内容</td> <!--跨两行,rowspan--> <td>内容</td> <td>内容</td> </tr> <tr> <td>内容</td> <td>内容</td> </tr> </table>
按 Ctrl+C 复制代码

转载于:https://www.cnblogs.com/577521a/p/4203405.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值