码迷,mamicode.com
首页 > 编程语言 > 详细

.NET回归 HTML----超文本标记语言(暂时无图)

时间:2017-03-22 21:16:44      阅读:257      评论:0      收藏:0      [点我收藏+]

标签:微软雅黑   target   背景颜色   上下   htm   动画特效   add   添加   空行   

HTML用来做网页,文件拓展名改为html可以形成网页

超文本标记语言==超越了文字的范畴,除了文字还可以有图片、视频、音频、动画特效等其它内容,由标记符号<>组成的一门计算机编程语言

HTML的格式:

注释:<!--注释内容-->  ctrl+k+c 快捷键

<HTML> 开始标记

<title>标题名称</title>  浏览器最上面那个标签

<head> 

网页渲染,特效

</head>

<body>

网页展示内容

</body>

</HTML>结束标记

文本设计:

文字加粗:<b>文字</b>

文字倾斜:<i>文字</i>

文字下划线:<u>文字</u>

对字体进行修改:

<font face=“字体” color=“颜色” size=“大小”>要添加的文字</font>

color可以是颜色的英文字母,也可已在http://tool.oschina.net/commons?type=3里面找色号

       字体可以直接打上字体的名字  就像黑体,微软雅黑之类的直接打上

空格:&nbsp;                 ( 一个&nbsp;代表一个空格)

换行:<br/>

段落:<p>段落内容</p>         (堕落默认上下各空一行,空行高度为最小字号,两个段部之间也是空一行,段落完成后自动空一行,并且换行)

加粗:<strong></strong>        (强调换行,其实就是换行)

插入图片:

放置图片<img src="图片路径">   --图片最好和HTML文件放在一个同一个文件夹,方便操作   ../  向上一层

设置图片宽度:width="数字"       --如果写为100%,就是在页面横向平铺

设置图片高度:height="数字"      --如果写为100%,就是在页面纵向平铺

设置图片标题:title="哈哈哈"       --对图片进行注释,鼠标放到图片上,会有文字提示

插入表格:

<table>  --表格

     <tr>  -- 行

           <td>/<td>  --列

     </tr>  --每个<tr></tr>算一行,里面可以有很多列。

</table>

表格中的属性:

border=""                      表格边线

width=""                        宽度

height=""                       高度

cellspacing=""                 单元格与单元格之间的距离

cellpadding=""                内容到边框的距离

bgcoler=""                      背景颜色

background="图片路径"     背景图片

align=""                          水平对齐方式         center,left

valign=""                        垂直对齐方式       center,left

属性要写在对应的<>内(不是</>)写在table里就是修改整个表的属性,tr就是此行,td就是此行此列(针对哪个单元格)

在</tittle>和</head>之间输入:

<style type="text/css">
* {
padding: 0px;
margin: 0px;
}
</style>

 修改表格与页面之间的间距

超链接

<a href="http://www.baidu.com" target="_black">图片/文字</a>

                    这里写链接的地址        这是代表在新的页面打开

  

 

.NET回归 HTML----超文本标记语言(暂时无图)

标签:微软雅黑   target   背景颜色   上下   htm   动画特效   add   添加   空行   

原文地址:http://www.cnblogs.com/big-lll/p/6600372.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!