web前端开发基础知识（学习前端的第3天）

学习前端的第三天

2022年5月26日

html就是超文本标记语言。

html由一系列的元素组成，它是一种用于定义内容结构的标记语言。

html的骨架结构由根标签、头部、标题、内容组成。

html是结构，CSS是样式、JavaScript是行为。

标题标签<h1></h6>，段落标签<p></p>, 换行标签<br>，水平线标签<hr>。

文本格式化标签，空格& nbsp; 大于号& gt; 小于号& it;

图片标签<img src="路径" alt="加载失败" title="鼠标悬停" width="宽" height="高">

超链接标签<a href="跳转的地址" target="blank"新窗口打开>百度</a>

相对路径： 同级和下级直接src="./" 上级src="../"

绝对路径： 内部和外部直接复制链接地址填写即可

音频标签： <audio src=""></audio>

视频标签 ：<video src=""></video>

无序列表 <ul><li></li></ul>

有序列表 <ol><li></li></ol>

自定义列表 <dl><td></td><dd></dd></dl>

表格标题 <caption></caption>

表格首行文字加粗居中 <th></th>

表格边框 border="1"

表格结构 <thead></thead>头部 <tbody></tbody>内容 <tfoot></tfoot>尾部

表格合并 rowspan行合并 colspan列合并

表单标签 <form><input type=""></form>

文本框text 密码框password 单选radio 多选checkbox

file 上传文件 submit 提交按钮 reset 重置按钮 button 普通按钮

下拉框 <select><option></option></select> 默认选中selected文本域 textarea

label标签 两种写法，一种写id，一种直接嵌套。

7、CSS

图片修成圆角样式：border-radius: 10px 10px 10px 10px/10px 10px 10px 10px;