这是我参与「第五届青训营 」伴学笔记创作活动的第 1天,因为是前端小白,学习起来会比较吃力。这篇文章没有什么闪光的技术点,只是分享一下自己学习的HTML的时候觉得比较重要的地方,算是一个学习记录吧。
基本属性的使用
h标题元素,h1~h6分别表示不同级别的标题,类似于word中1、1.1、1.1.1之类。
p段落元素,里面主要写正文内容,p标签里面换行是比较重要的,下面是p标签操作换行的不同方式:
- 强制不换行:p{white-space:nowrap;}
- 自动换行:p{word-wrap:break-word;}
- 强制英文单词断行:p{word-break:break-all;}
- 超出显示省略号:p{text-overflow:ellipsis;overflow:hidden;}
列表元素,有序列表<ol> 无序列表<ul>。
超链接元素,<a>标签里href包含路径,title包含文字提示;<img>标签里src包含路径,alt包含文字提示。
表格标签
这一块是我觉得最难的一部分,将基本用法记录下来加强记忆。
<table>表格标签 <tr>表格行标签 <td>单元格标签
合并单元格:
跨行合并:rowspan="合并单元格的个数"
跨列合并:colspan="合并单元格的个数"
块级元素和内联元素的区别
这一块在阅读预习文档的时候一直没看明白,在听老师讲课的时候也是似懂非懂,在课后查阅了资料,弄清楚了他们之间的一些区别,下面是一篇博客内别人的总结,我觉得很好,记录下来。
- 块级元素:独占一行,默认情况下,其宽度自动填满其父元素宽度。可以设置width,height属性、margin和padding属性。对应于display:block。
- 行内元素:相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素内容而变化。不可以设置width,height属性,margin和padding属性只有左右边距才有效。对应于display:inline。
先记录这么多,对markdown的使用还不是很熟练,后期会接着补充记录哒~