前端培训第一次笔记
作者:互联网
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