南昌大学大神养成计划-第一课《html》

这是两天后的第一次学习,也是我第一次在网上平台学习奋斗

希望和大家一起坚持到最后微笑

下面是我今天的一些总结:

一:Html和Css的关系

学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言(所入


门从HTML学起)


1:HTML——网页内容的载体,可以包含文字、图片、视频等。


      2:CSS——样式是表现,就像网页的外衣。比如,标题字体、颜色变化,或


为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。


 3:JavaScript——用来实现网页上的特效效果


二:网页的常识内容


<h1></h1>—标题     形式:<h1>......(标题).......</h1>


<p></p>—段落标准    形式:<p>..........(内容).......</p>


<img src="jpg">


三:标签的语法


1:基本形式:由英文尖括号<>括起来,如<html>


    2:标签一般都是成对出现的,分为开始和结束标签


3:标签和标签的嵌套


如<div><p>...........................</p></div>


明显,标签<p>嵌套入<div>要将其置于中间


   4:标签不区分大小写,但我们以小写为准。


四:HTML文件基本结构

一个HTML文件是有自己的固定的结构。

	<html>
    		<head>...</head>
    		<body>...</body>
	</html>
               代码解释:

1. <html></html>称为根标签,所有的网页标签都在<html></html>中。

2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title><script>、 <style><link>、 <meta>等标签,头部标签在下一小节中会有详细介绍。

3. 在<body></body>标签之间的内容是网页的主要内容,如<h1><p><a><img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。


五:对标签<head>的认识


文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包


含的数据都不会真正作为内容显示给读者。


        一般格式:

<head>
    <title>...</title>
    <meta>
    <link>
    <style>...</style>
    <script>...</script>
</head>
<titlle>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它
会出现在浏览器的标题栏中。且每个网页的内容都是不同的,每个网页都应该有一
个独一无二的title。
如<head>
    <title>I miss you<title>
</head>
将会在网页中标题栏上显示I miss you






 <!DOCTYPE HTML>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>认识html文件基本结构</title>
    </head>
    <body>
        <h1>在本小节中,你将学会认识html文件基本结构</h1>
    </body>
    </html>


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值