第一次网页前端培训笔记(HBuilderX)
一.安装HBuilderX官网:HBuilderX-高效极客技巧 (dcloud.io)二.了解HBuilderX<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title></head><body></body><
一.安装HBuilderX
官网:HBuilderX-高效极客技巧 (dcloud.io)
二.了解HBuilderX
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>
三.学习HBuilderX的常用标签
1.标题标签
h1到h6大小以此递减
例: <h1>标题1</h1>
2.段落标签
p标签,会自动换行
3.换行标签
<br> 单标签
4.水平线标签
<hr> 单标签(color 颜色 size 粗细 width 长度(百分比 或 px)align 位置)
5.列表
无序列表<ul><li></li></ul>
有序列表<ol><li></li></ol>
type 调类型
6.div标签<div></div>
块级元素默认占全部的宽度,有多少内容高度占多少
可以设置div的宽(width)高(height)
通过align设置内容的对齐方式
7.span标签
行内元素(不会自动换行)
8.格式化标签
font标签 color 字体颜色 size 字体尺寸 face 字体风格
pre标签 保留空格和换行
b 加粗 i 倾斜 u 下划线 del 中划线 sup 上标签 sub 下标
9.a标签
超链接标签
常用属性:
href:需要跳转的网址
target:窗口打开的方式 _self:当前窗口 _blank:在空白窗口
作为锚点:
<a name="top"></a>
<div id="top"></div>
<a href="#top"></a>
10.图片标签(img)
常用属性:
src:需要引入的图片的地址(必须属性)
alt:当图片破损或不存在时,显示文本的内容
title:当鼠标悬停在图片上时显示的文本
width:图片的宽度
height:图片的高度
border:图片边框
11.表格标签
table 表格 tr 行 td 标准单元格 th 表头
table的属性 width 表格的宽度 border 边框 align 对齐方式 bgcolor 背景框颜色
更多推荐
所有评论(0)