html总结(前端一)

这篇博客主要概述了前端开发中的HTML基础知识,包括元素标签(如div、span、文本格式化标签)和标签属性(如src、title)。文章详细讲解了双标签和单标签的区别,以及图像和链接标签的用法。此外,还介绍了路径处理、预格式化标签pre、特殊字符以及表格、列表和表单的基础知识,提供了实际的代码示例。
摘要由CSDN通过智能技术生成

前端一的部分主要介绍html,css,javaScript的内容。本人前端主要通过观黑马培训机构的pink老师的讲解,自己总结笔记并分享。

Day1:html总结1

html部分主要介绍两部分(视为重点部分):元素标签和标签属性。而且所总结的一些元素标签和标签属性均为比较常见的,具体的详细的标签和属性大家可通过浏览W3C官网进行调试。

html部分为前端代码的三大部分(html,css,javaScript)之一,html也被称为页面的骨架。

一.元素标签

1.首先标签一般分为双标签(中间为内容)和单标签()。

2.前端代码中在中的"utf-8"所表示的意思为可将所有代码的文字识别(包括中文),不至于乱码。

3.排版标签

------>
为标题标签,中间内容的字体大小也逐渐缩减。

段落标签,可将中间的内容独立成段。 水平线标签。

换行标签。

4.div和span标签的差别

中间内容独立成行。

中间内容不独立成行,只有以空格的间距。

5.文本格式化标签

/中间内容加粗(推荐前者,更为强烈)。

/中间内容斜体(推荐em)。

/中间内容加删除线(推荐del)。

/中加内容加下划线(推荐ins)。

二.标签属性

1.格式:<标签名 属性名=“属性值”></标签名> ,属性有src(路径),title(鼠标停留时文字信息),height(高度)…

2.图像标签

,img表示为图像标签,src后跟图像的具体路径(必写)。

3.链接标签

target的打开方式有两种。self–原窗口打开,blank–新窗口打开 。

三.拓展部份

1.路径

路径分为相对路径(从本文件出发找到目标文件)和绝对路径(目标文件出发找到电脑中路径,不推荐因为不同user电脑不同)。

路径的上一级:“…/”

路径的下一级:“/”

2.pre标签

内容
,中间内容按照编写的内容显示。也就是说pre标签可识别空格和换行!

3.特殊字符

&nbsp为空格字符;&lt为小于号字符;&gt为大于号字符。

附上Day1的练习代码 :
在这里插入图片描述

```css

```css
<!DOCTYPE html>

<html>



<head>

<title>www.Los Angeles Los Angeles Lakers | The Official Site of the Los Angeles Lakers</title>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值