入门级html与css的基础学习和了解,走进网页设计,主要用适合初学者学习的HBuilder,浏览器Google Chrome

建议初学者运用HBuilder,它有着很好的界面和提示功能,非常适合初学者
对于开始学习的第一个网页设计,首先介绍一些基本的标签使用及其运行结果。我的第一个html文档的代码和运行结果如下图
<h1></h1>~<h6></h6>是用来定义标题的标签,注意:没有h7等标签,有兴趣的可以去尝试一下。
<!DOCTYPE html>声明为HTML5文档,且该声明不区分大小写
<html>元素是HTML页面的根元素
<head>元素包含了文档的元数据,如<meta charset="utf-8">
<title>元素包含了文档的标题
<body>元素包含了可见的页面内容
<p>元素定义一个段落,该标签段落的前后会自动加上空行

这些标签都是成对存在的如上图所示,运行结果如下:

html链接通过标签<a>定义
<html>图像是通过标签<img>定义
<br>换行标签


运行结果:点击百度,即可进入百度页面,但此页面是直接显示在本页面,使用target属性,你可以定义被链接的文档在何处显示,这行代码会在新窗口中打开文档<a href="http://www.baidu.com" target="_blank">
HTML中注释格式:<!--注释内容-->

添加水平线<hr />
上述标签中反斜杠影响不大,但是基于格式的规范性,通常带上反斜杠。以及一些文本加粗,斜体等标签,如代码所示:

运行结果:

代码中我并没有加换行标签,所以文字都处于同一行。

HTML对于你的空格,回车换行等是无法识别的,必须使用一些特定的标签来解决这个问题。也可以使用预格式标签<pre>,对于你的内容进行显示。代码:

运行结果:

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值