学习网址:【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili
1安装编译器HBuilder X
搜索网址:https://dcloud.io/hbuilderx.html下载安装包
2基础操作:
下载完成后打开文件夹,打开HBuilderX
新建项目
输入项目名称,选择<基本HTML项目>模板,点击新建
3html基本框架
<html>
<body>
<p>这是第一个段落。</p>
</body>
</html>
以下是我在学习时做的笔记(稍微简略):
一.1.标签:单标签(有属性和无属性)和双标签(有属性和无属性)
双标签:标题标签h(<h>-----</h>和段落标签p(<p>-----</p>都是块级标签(自动换行)
单标签:换行标签<br>或者<br/>
水平线标签hr(<hr>),属性:color颜色,size粗细,width长度(<hr color-”red” size-”3”>
2列表:有序(<ol><li><li><ol>)和无序(<ul><li><li><ul>)
- div标签:
4.span标签
5格式化标签:
font标签:color字体颜色 size字体尺寸 face字体风格(<font></font>)
Pre:(预格式化 保留空格和换行)(<pre> </pre>)
b加粗<b></b>
I 倾斜
u 下划线
del 中划线
sup 上标
sub 下标
二.
- a标签:
超链接:从一张页面链接转为另一个页面
属性:href 链接到要跳转的页面(需要跳转的地址)(必须属性)
target窗口打开的方式_self:当前窗口(默认)
_blank:在空白窗口
Eg.<a href=”地址” target=”_blank”>百度</a>
作为锚点:a标签的name属性值:<a name=”top”></a>
其他的id属性值:<div id=”top”></div>
锚点的使用:<a href=”#top”></a>
2图片:
标签img(向网页中嵌入一张图片)
属性:
必须属性:
src:需要引入的图片的地址
alt:当图片破损或不存在时 显示文本内容
常用属性:
title:当鼠标悬停在图片上时显示的内容
width:图片的宽度
height:图片的高度
Border:图片的边框
3表格标签:
table 表格
属性:
width :表格的宽度
height:表格的高度
align:对齐方式
tr 行
属性:align:行的内容对齐方式
td 标准单元格
th 表头(字体局中 加粗效果)