软件园学生在线

  • {{ item.name }}
  • 2023试用期

登录与注册

【第一次前端培训】

  • 龚佳轩
  • 2022-10-15
  • 0

写在开头:
一开始我以为前端相比于其他部门还算简单
初学HTML还有些放心
直到我看到css与css3与js与html5
才意识到:
未来可期(ji)

html标签

html语法规范

html: 框架

css: 装饰

js: 动作

常用标签

标题:<h1></h1>

换行:<hr />

段落:<p>
加粗,倾斜,删除线,下划线

盒子:

<div>:占据一行的大格子(division)
 <span>: 一行可放多个的小盒子(跨度)

图像: <img src="" />

图像属性
只写宽度或只写高度可使图片按比例缩放

路径

目录文件夹
根目录

相对路径

链接

target属性: _self: 在当前页面打开; _blank:在新页面打开
链接分类

<a href="#">空链接 </a>

网页中的任意元素都可加上超链接

特殊字符

表格
<tr><th>这是表头单元格</th></tr>


<thead>表头区域</thead>
<tbody>表体区域</tbody>

合并单元格

列表

无序列表

<ul>
<li>第一项 </li>
<li>第二项 </li>
</ul>

有序列表

<ol>
 <li>第一项 </li>
 <li>第二项 </li>
</ol>

自定义列表

表单

  • 表单域

表单域

  • 表单元素
    input的type属性

按钮可以设置checked属性: 每次打开后默认勾选

label标注(点击文字即可勾选选项)

select下拉列表

textarea

css

标签选择器

标签名 {}

.类名 {} 或 #id {}

全选: * {}

总结

字体

字体系列: font-family

暂时就写这么多了

龚佳轩
龚佳轩
© 2025 软件园学生在线
Theme by Wing