初识html第一天(P1——P14)

网页由图片,文字,链接,声音,视频等元素构成。

HTML:超文本标记语言(hyper text markup language),用来描述网页的语言。不是编程语言,是标记语言。之所以称为超文本,是由于它超越了文本的限制。

浏览器内核(渲染引擎):负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。

我用的IE浏览器内核为trident,国产浏览器一般使用webkit/blink内核。(反正我也记不住)


web标准的构成(面试常问):结构(structure)、表现(presentation)、行为(behavior)。

结构:用于对网页元素进行整理和分类,现阶段主要学的是HTML。

表现:用于设置网页元素的版式、颜色、大小等外观样式,主要指CSS。

行为:指网页模型的定义以及交互的编写,现阶段主要学的是JavaScript。


弄清单标签和双标签,包含与并列。

<html>
    <head>
        <title>第一个网页</title>
    </head>
    <body>
        键盘敲烂,工资过万
    </body>
</html>

文本类型声明标签,告诉浏览器使用哪种HTML版本来显示网页。

<!DOCTYPE html>

<html lang="en">

lang语言种类:用来定义当前文档显示的语言。

en为英语,zh-CN为中文,但其实对于文档显示,en可以显示中文,zh-CN也可以显示英文。

所以它的主要作用是告诉我们这是个中文网站还是英文网站


 <meta charset="UTF-8">

字符集(character set)是多个字符的集合。UTF-8被称为万国码,基本包含了全世界所有国家需要用到的字符。

上面的代码是必须要写的代码,不写可能会乱码。


根据标签的语义,在合适的地方给一个最为合理的标签,可以让页面结构更清晰,如标题标签,段落标签,换行标签。

标题标签分为六级,一级标题字号最大,并且一级标题的重要性是最高的。

<body>
    <h1>标题一共六级选</h1>
    <h2>文字加粗一行显</h2>
    <h3>这是三级标签</h3>
    <h4>这是四级标签</h4>
    <h5>这是五级标签</h5>
    <h6>这是六级标签</h6>
</body>


 段落标签:把HTML文档分割成若干段落。段落和段落间会有空隙。

<p> 段落内容 </p>

换行标签:在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端才会自动换行。如果希望某段文字强制换行显示,需要使用换行标签。

<br />

单词break的缩写,意为打断、换行。

注意:<br />是一个单标签,它只是简单地另起一行,跟段落不一样,段落之间会插入一些垂直的距离。 


 自己做的小练习如下

<body>
    <h1>《赛尔号》系列动画片</h1>
    <p>是由上海淘米网络科技有限公司协同上海淘米动画有限公司创作出品的长篇原创动画作品系列。<br /> 
        起初作为网页游戏《赛尔号》的衍生外传电影动画,中后期逐渐发展成为独立的体系,与页游无关。
    </p>
    <p>故事舞台为页游《赛尔号》所对应的平行宇宙,其前三季大部分根据页游成年化前的剧情改编,
        中后期逐渐架空剧情、设定等,主要角色大多沿用《赛尔号》IP中的知名人物,
        每个人物都将会有新的故事和命运。
    </p>
    <p>截止2021年2月,该系列TV动画已上映11部,动画电影已上映7部。 </p>
</body>

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

沙福林学编程

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值