前端学习全过程记录日志(一)HTML篇

一、HTML基本组成部分

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
</body>
</html>

编辑器 :notepad++,vs Code

vs Code 运用小tips:1.自动保存:设置-文本编辑器-文件-Auto Save选择afterDelay

  2.实时自动更新页面:代码页面右键选择Open With Live Serverl

离线文档查找软件:Zeal

二、实体

html中有些特殊的符号无法显示在页面中 如多个空格、<>等,用转义字符代替:

常用的:

&实体的名字;

                &nbsp; 空格

                &gt; 大于号

                &lt; 小于号

                &copy; 版权符号

三、meta标签

常用属性:charset.name.content.http-equiv

charset:字符集类型

<meta name="keywords" content="HTML5,前端,CSS3"><!--搜索引擎关键字-->

     <meta name="description" content="这是一个非常不错的网站"><!--搜索完成页面显示内容-->

 <meta http-equiv="refresh" content="3;url=https://www.baidu.com"> <!--将页面重定向到另一个网站,3为跳转时间-->

四、语义标签化

可在文档中查询。一些重点:

1、标签可分为块元素和行内元素。块元素中课嵌入行内元素和块元素,而行内元素内则不能嵌入块元素。常见的块元素:p、h1-h6、blockquote

2、超链接标签a:格式如<a href="https://www.baidu.com"></a>。href内的链接可为网页链接,也可为内部页面的链接。href="#":可返回页面顶部。href="#bottom":可到页面底部。也可用id属性定义到任意块。

3、相对路径:./ 以及无./ 默认为同一级可查找,../为上一级可查找

4.视频音频标签audio vedio 可用controls 控制打开页面不自动播放

好了 html要注意的就这些了,明天学习css!!!因为之前大概学了两遍,前面要快速过掉,把细节记下来就好!!!加油

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值