HTML

一、技术分析

1.1什么是HTML

HTML:Hyper Text Markup Language :超文本标记语言。
超文本:功能比普通文本更加强大
标记语言:使用一组标签对内容进行描述的语言, 它不是编程语言。

1.2HTML 的语法和规范

  • HTML 文件都是以.html 或者.htm 结尾的,建议使用.html 结尾!
  • Html 文件分为头部分<head></head>和体部分<body></body>。
  • Html 标签都是由开始标签和结束标签组成(<hr />)。
  • Html 标签忽略大小写,建议使用小写

1.3HTML 文本标签(具体可以参考手册)

1.标题标签

从<h1>到<h6>逐渐变小(加粗加黑显示)

2.水平线标签

<hr/>

3.段落标签

<p>

1.4字体标签

<font 属性=值>内容</font>
color:设置字体的颜色,可使用英文单词或者 16 进制
size:设置字体的大小,从 1 到 7 逐渐变大,最大显示为 7
face:设置字体

二、步骤分析

第一步:创建一个 HTML 文件
第二步:创建一个标题标签显示公司简介
第三步:创建一个水平线标签
第四步:创建四个段落标签分别显示公司简介的一些文字性描述内容。
第五步:对文字内容进行完善(加粗、变色等设置)

三、网站图片显示页面

<img/>标签的 src 属性。
src属性:是图片的相对路径,相对于该html页面的路径。
当前目录:直接写文件名称或者./文件名称
上一级目录:../文件名称
下一级:目录名称/文件名称
width:设置图片的宽度
height:设置图片的高度
alt:当图片无法正常显示的时候给出的提示信息,它的显示效果与浏览器有关

四、网站友情链接显示页面

列表标签:
有序列表:<ol type=”1” start=”4”><li></li></ol> start就是起始值就是从4开始4.5.6
无序列表:<ul type=”circle”><li></li></ul>
超链接标签:
<a href=”http://www.baidu.com” target=”_self、_blank”>百度</a>
超链接target中的属性值有两个_self、_blank,当值_self时会直接从当前页面跳转到目标页面,当值是_blank是会从新打开一个页面跳转到目标页面。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值