前端基础知识的学习 html入门
1.小小的练习
<html>
<head>
<title>html</title>
</head>
<body>
<h1>下辈子学Java</h1>
<img src="1.png">
</body>
</html>
html不分大小写,可以双引号也可以单引号
2.工具vs code 安装插件
图片标签<img>
src 路径url
width height 设置宽高
图片绝对路径可以找网络地址,也可以找磁盘地址图片,也可以自己放个img存放照片 img/1.png
./img/1.png
./ 当前目录 ../上一级目录
<h1>加粗标签 1-6依次降低大小
颜色表达 关键字 blue
rgb表示 rgb(0,0,0)
十六进制 #000000
font-size 字体大小
css选择器
元素选择器 span{ color:
}优先级最低
类选择器 用.XX{
}
id选择器 用#xx{
}这个优先级最高
超链接
<a href="http://zua.zhidiantianxia.cn/" target="_blank">要吃人</a>
视频标签<video> controls 控制控件
音频标签<audio> controls 控制控件
段落标签 <p> 可以自己设置首行缩进,或行高 文本加粗标签<b> <strong>
页面布局 盒子模型
内容content 内边距padding 边框border 外边距 margin
标签 div span
表格标签
<table> 表格整体 cellspacing=“0” 设置那个表格间距
<tr> 表格的行
<td> 表格单元格
<table>
<tr>
<th> 这个加粗的</th>
</tr>
<tr>
<td></td>
</tr>
</table>
表单
<form action=""></form>
用户名:<input type="text" name="username">
年龄:<input type="text" name="age" id="">
<input type="submit" name="提交" id="">
action 规定提交表单时向何处发送表单数据 url
method 发送表单数据的方式 get / post
表单属性必须有name
所有设置样式可以去bootstrap或者是css查找