Html入门(1)

1、什么是HTML

HTML:超文本标记语言(HyperText Markup Language)

(1)"超文本"就是指页面内可以包含图片、链接等非文字内容。

(2)"标记"就是使用标签的方式将需要的内容包括起来。它不是编程语言,不需要编译器的编译,浏览器可以直接解析。例如<a>aaaa</a>

2、HTML怎么使用?

(1)语法和规范

①所有的html文件后缀名都是以.html或者.htm结尾的,建议使用.html结尾。

②整个html文件必须包裹在<html></html>标签内,分别由头部分<head></head>和体部分<body></body>组成。

<!DOCTYPE html>//在<html>标签之前,声明文本的类型
<html>
<head>
<meta charset="UTF-8"><!--告诉浏览器用什么编码格式解析html-->
<title>Insert title here</title>
</head>
<body>
	Insert display content
</body>
</html>

③html标签都是由开始标签和结束标签组成。还有的直接只有一个表签,没有内容,如:<br/>

④html标签忽略大小写,但是建议使用小写。

3、HTML相关标签的学习

(1)标题标签

标题标签使用<hn></hn>表示,n是1-6,从1-6逐渐变小。超过6的就不是标题,而是普通文本

特点:加粗加黑显示,单独占用一行,与其他行有一定的行间距。

(2)注释标签

用<!--注释内容-->表示,在myeclipse中用ctrl+shift+/,跟java的注释快捷键是一样的。

在页面不显示,但是如果通过f12查看源码可以看到。

(3)水平分割线标签

用<hr/>表示,是一个单个使用的标签,没有结束标签。它表示一条水平线,可以通过属性size跟noshade来设置线的高度和阴影

<hr/>
<hr size = "5"/>
<hr noshade = "noshade"/>

显示效果如下

(4)段落标签

用<p></p>表示,将需要分段的文字放在两个标签里面,就会自动分段。关于首行缩进的功能,现在一般通过css来实现。

(5)字体标签

<font>,现在html5已经舍弃font标签,通过css来设置字体样式跟颜色。

(6)加粗、斜线、下划线标签

<b></b>表示加粗

<u></u>表示下划线

<i></i>表示斜体

跟word的用法一样

4、实现一个小案例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<!-- <h1>公司简介</h1> -->
	<h2>公司简介</h2>
	<hr />
	<p>
		<font color="red">黑马程序员</font>是<b>传智播客</b>旗下高端IT教育品牌,以务实、质量、创新、分享、专注、责任为核心价值观,致力于服务各大软件企业,解决当前软件开发技术飞速发展,而企业招不到优秀人才的困扰。
		目前,“<i>中关村黑马程序员训练营</i>”已成长为行业“<u>学员质量好、课程内容深、企业满意</u>”的移动开发高端训练基地,并被评为中关村软件园重点扶持人才企业。
	</p>
</body>
</html>


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值