其他分享
首页 > 其他分享> > 前端培训第一次笔记

前端培训第一次笔记

作者:互联网

html基本标签
1.1 结构标签

<html><html>:根标签
<head></head>:头标签
<title></title>:页面的标题
<body></body>:主体标签:网页内容

属性:
color:文本的颜色 <font color="red">内容</font>

bgcolor:背景色 <body bgcolor="bisque"> </body>

background:背景图片
颜色的表示方式:
第一种方式:使用颜色名称: red green blue
第二种方式:RGB模式( #000000 #ffffff #325687 #377405)

1.2 排版标签
1.注释标签:<!--注释-->
2.换行标签:<br/>
3.段落标签:<p>文本文字</p>
特点:段与段之间有行高
属性:align对齐方式 (left:左对齐 center:居中 right:右对齐)
4.水平线标签:<hr/>
属性:
width:水平线的长度(两种:第一种:像素表示;第二种,百分比表示)

size: 水平线的粗细 (像素表示,例如:10px)
color:水平线的颜色
align:水平线的对齐方式(left:左对齐 center:居中 right:右对齐)

1.3 容器标签

<div></div>:块级标签,独占一行,换行

<span></span>:行级标签,所有内容都在同一行

作用:

<div></div>:主要是结合css页面分块布局

<span></span>:进行友好提示信息

1.4 文字标签

1.4.1 基本文字标签

<font></font>

属性: size:设置字体大小
color:设置字体颜色
face:设置字体

1.4.2 标题标签

<h1></h1>—-<h6></h6>
随着数字增大文字逐渐变小,字体是加粗的,内置字号,默认占据一行;

1.5 列表标签

1.5.1 无序列表

ul

无序列表标签:<ul></ul>

属性:type :三个值,分别为
circle(空心圆) ,disc(默认,实心圆),square(黑色方块)
列表项:<li></li>

示例如下:

<ul type="square">无序列表
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
</ul>

标签:1.4,培训,标签,前端,笔记,列表,水平线,对齐,属性
来源: https://blog.csdn.net/m0_52856466/article/details/122776477