本节学习三种元素及转换方式,学完本课内容后,同学们可以在下方评论区进行留言,作业也可以在评论区进行提交,老师会一一解答。
那我们开始今天的课程吧。
1. 打开【DW】创建文件进行保存,分别创建三个【div】并修改其【style】样式,代码如图所示。
2. 再次在下边创建一个【h1】标签并输入文字,再创建一个超链接,在浏览器中预览,效果如图所示。
3.元素分为块级元素,行级元素,行块级元素,其各自的代表标签,特性,转换,如图所示。
4.再次定义一个【p】标签并给其加上【style】样式,设置宽和高属性,由于【p】标签是块级元素,浏览器中预览效果如图所示。
5. 在代码中分别插入【b】标签,【strong】标签,【em】标签,【i】标签,【span】标签,具体代码如图所示。
6.在浏览器中预览,所有的行级元素显示在一行,如图所示。