第一次网页前端培训笔记（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 背景框颜色
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
10
0- 0
已为社区贡献1条内容
所有评论(0)