12-25 网页基础,html。
2015-01-05 13:57
246 查看
html:超文本标记语言
css:控制html的样式
javascript:结合在网页的基础上,把网页作为界面,对网页的内容进行设置。(脚本语言)
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 复制代码
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 复制代码
相关文章推荐
- 建站就去原创HTML视频教程(网页制作基础)
- HTML网页制作基础
- 网页制作之html基础学习1-简介
- jQuery基础----12jQuery HTML-设置
- 网页制作之html基础学习5-background-position用法
- 网页制作之HTML基础知识
- 一、HTML和CSS基础--网页布局--如何用css进行网页布局
- HTML第二节(网页结构基础 一)
- 2014-12-25 网页基础,html。
- Javaweb 初期Html网页设计基础
- HTML网页制作基础
- 推荐35款精致的 CSS3 和 HTML5 网页模板 转:http://www.cnblogs.com/lhb25/archive/2012/08/03/5-creative-html5-and-css3-templates.html
- 网页制作基础知识:html特殊符号
- Android基础——HTML网页源码的获取
- Html基础语法之网页架构标签的用法
- 网页优化的最基础部分:HTML的优化
- 网页制作基础知识:html特殊符号
- 网页制作HTML基础标签代码大全
- 网页制作之html基础学习3-css样式表
- HTML(网页设计)基础到加强