学习HTML
2024-09-01 18:21:15
前端三剑客:HTML、CSS、JavaScript。现在就开始学习HTML啦。
学习资源:http://www.freecodecamp.cn/
学习笔记:
h1,head1,一级标题
<h1>Hello World</h1>
p,paragraph,段落
<p>Hello Paragraph</p>
<br /> ,换行
<hr /> ,水平线
<!-- This is a comment -->
颜色的三种设置方式:
<h2 style = "color:red">我家的猫咪</h2>
<style>
h2 {color:blue;}
</style>
<style>
.red-text {
color: red;
}
</style>
<h2 class= "red-text">我家的猫咪</h2>
设置图片:
<img src="https://www.your-image-source.com/your-image.jpg">
// 如果图片无法显示,显示"default text"
<img src="https://www.your-image-source.com/your-image.jpg" alt="default text">
文字链接:
<p>Here's a <a href="http://freecodecamp.cn"> link to FreeCodeCamp中文社区 </a> for you to follow.</p>
图片链接:
<a href="#"><img src="/images/relaxing-cat.jpg"></a>
创建文本输入框:
<input type="text">
创建按钮:
<button type="submit">Submit</button>
// radio button(单选按钮)
<label>
<input type="radio" name="indoor-outdoor"> indoor
</label>
<label>
<input type="radio" name="indoor-outdoor"> outdoor
</label> // checkboxes(复选按钮)
<label>
<input type="checkbox" name="personality" checked> Loving
</label>
<label>
<input type="checkbox" name="personality"> Lazy
</label>
<label>
<input type="checkbox" name="personality"> Energetic
</label>
有三个影响HTML元素布局的重要属性:padding(内边距)、margin(外边距)、border(边框)。
最新文章
- 《像计算机科学家一样思考Java》—— 读后总结
- Sql Server系列:排序函数
- mysql 用sql 语句去掉某个字段重复值数据的方法
- Prince2的七大原则(6)
- 全文检索引擎 Lucene.net
- Windows环境Mycat数据库分库分表中间件部署
- Shell中调用、引用、包含另一个脚本文件的三种方法
- ZEat
- 【安装操作系统】VMware 中安装 Redhat 5
- BuildSigar
- PHPExcel解决内存占用过大问题-dw 查找memoryCacheSize把1M改为2048M
- js控制滚动条默认在底部
- Python基于共现提取《釜山行》人物关系
- Web学习的第四天
- 深入学习ThreadLocal原理
- OO第二单元总结
- 关于被删以及限制评价后,免费更换新listing的方法
- Codeforces Round #533 (Div. 2) A. Salem and Sticks(暴力)
- Git配置信息相关命令
- drop all database objects
热门文章
- Markdown 语法自用
- hibernate.current_session_context_class 比较权威的解释
- 别人用钱,而我用python爬虫爬取了一年的4K高清壁纸
- L15卷积神经网络基础
- C - Roads in the North DFS+树的直径
- React AntDesign 引入css
- [V&;N2020 公开赛] Web misc部分题解
- 用多线程,实现并发,TCP
- 感受python之美,python简单易懂的小例子
- gridview 合并单元格后,选中颜色重新绘制