前端学习笔记:(HTML)

一、html基础:

1、冯诺依曼体系结构的几大部件:

输入 / 输出、计算、存储

2、html5的基本结构:

<DOCTYPE   HTML>

<html></html>

<head></head>

<meta/>

<title></title>

<body></body>

3、html的标签规范:

标签不识别大小写,习惯小写。

标签需要合理嵌套。

属性小写,必须写属性值。

属性值需要使用引号。

4、W3C规定的标准(3)

HTML:页面结构标准

CSS:页面样式标准

ECMAScript:交互标准

5、HTML常见标签:

段落标签:p

标题标签:h1~h6

换行:br

横线:hr

加粗:strong / b

斜体:em / i 

空格:&nbsp

大于号:&gt

小于号:&lt

版权符号:&copy

6、图像标签

<img src = "路径" alt = "text" title = "text" width = "x" height = "y"></img>

alt : 如果路径出现错误的文件信息

title:提示鼠标悬浮文本

width / height :设置图片宽高(设置一个,另一个等比例变化)

7、链接标签

<a href = "链接地址" target = "打开方式  -black">内容 / 图片 / 文本 </a>

(1)页面之间的链接:

<a href = "新页面的地址"></a>

(2)锚链接:

<a href = "#值"></a>
<a name = "值"></a>

(3)功能链接

<a herf = "mailto :邮件地址"></a>

8、列表

(1)无序列表:ul

        列表块:  li

       无序列表特性:没有顺序,每个 li 标签独占一行,(块元素)

                                默认 li 标签前面有小圆点

                                一般用于没有顺序的列表,如:导航、有规律的图文混合

(2)有序列表:ol

        代码块:li

      有序列表特性:有顺序,每个 li 独占一行,(块元素)

                                默认 li 前面有顺序标记 

                               一般用于排序类型的列表,如:试卷选项

(3)定义列表:dl

        列表项:dt

           内容: dd

     定义列表特性:没有顺序,每个 dt 、dd 独占一行(块元素)

                              默认没有标记 

                             一般用于一个标题下面有一个或多个列表项的情况

9、块元素和内联元素的区别

块元素:无论内容多少,独占一行。 如:p 、h1 ~ h6

内联元素:内容撑开高度,左右都是行内元素可以排在一行

10、网页结构分析

header:标题头部

footer:标题脚部

section:页面中的独立区域

article:独立的文章内容

aside:侧边栏

nav :导航类相关辅助内容

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值