HTML学习笔记

	<head><font size="3">  </font>
	</head>
	<body>	<!--这是注释的内容-->
	</body>	<p></p> <br>
</html>

HTML语言全称为Hyter text markup language 也就是超文本标记语言,其特点是包含是若干条的标签元素,大部分的标签成对出现,也有少部分的标签单独出现。
添加图片信息
src : 图片的根目录,可以是本地图片,也可以是网页中的图片
alt : 当文件未找到时,输出的默认信息
weight : 设置图片的宽度
height : 设置图片的高度
添加Img图片 <img src = "图片相对路径" alt = "图片打开错误时输出的提示信息" />
将图片设置为超链接:

锚点设置:锚点必须先定义,在使用
定义锚点:将定义的锚点放置在不同的位置:
1<a name="锚点名称" > 内容······ </a>
2 使用锚点: <a href = "#锚点名称"> 提示信息...... </a>
如果是在其它的文件中打开本文件的锚点:<a href = "other.html#锚点名称"> 锚点描述 </a>
阶段小结:标签 格式有两种 有序标签<ol> <li></li> </ol>无序标签:<ul> <li></li> </ul>
标签里面可以放置任何内容,比如图片,段落,文字,超链接等等的内容
超链接:<a href = "****" > ...... </a>

NEXT: 表格的使用

<table> ...表格的内容</table>  (<table border="1" width="500px" bgcolor="red?">)
<tr> 表示的是一行的内容 </tr>
<td> 表示的是一列的内容 </td>
可以将<td>标签嵌套在<tr>标签里面
在进行行或者列合并时,在<tr>或者<td> 的标签内部使用colspans = "number"来合并指定的列
使用 rowspans = "number" 来合并若干的行 

NEXT:文本框:<textarea  rows="设置文本框宽度" cols="设置文本款的长度"> 提示信息... </textarea>
提交上传文件: <input type="file" name="" id="" value="" >

外部CSS样式设置:在html样式表中的头部标签加上<link rel="stylesheet" style="text/css" href="外部样式路径+文件名">
p{…}

文本样式设置:

属性属性值作用
color表示颜色的内容设置文本颜色
directionltr/rtl(主要针对阿拉伯语)文本的方向/书写方向
letter-spacingn(px)像素点字符间距
line-heightn(px)像素点(px是单位)行高
text-alignleft/right/center/justity文本对齐方式(左对齐/右对齐/中央对其/两边对齐)
text-decorationnone/underline/overline/line-through文本修饰:例如:下划线
text-shadowh-shadow v-shadow blur color文本设置阴影 (例如:5px 5px 5px red);
text-transfromnone/capitalize/uppercase/lowercase/改变字母大小写
text-indentn(px),n(em)首行缩进

字体设置:

属性属性值作用
font-family隶书、仿宋、楷体等设置字体
stylenormal,italic,oblique规定斜体文本
font-weightnormal,bold文字的加粗
font-sizen(px)字体大小
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值