HTML基础：行级标签与换行标签<br/>详解

"行级标签—换行标签-基础HTML教程ppt" HTML（HyperText Markup Language）是用于创建网页的标准标记语言。在HTML中，换行标签`<br/>`是行级元素，它用于在文本中强制进行换行，使得文本在显示时能够在指定位置开始新的一行。描述中的歌词展示就是利用`<br/>`标签实现每一句歌词之间换行的效果，使得内容清晰可读。 例如： ``` 北京欢迎你，有梦想谁都了不起！<br /> 有勇气就会有奇迹。<br /> ... ``` 这里的`<br />`标签使得每一句歌词都在新的一行开始，让读者能更好地区分不同的歌词段落。 另一方面，`<br>`和`<p>`标签的区别在于，`<p>`标签是段落标签，它不仅会换行，还会在前后添加一定的默认间距，呈现出一个完整的段落。而`<br>`只是一个简单的换行符，它前后不会有任何额外的间距。如果连续使用多个`<br>`标签，文本将会连续换行，但不会有像`<p>`标签那样的段落效果。 标签提及了"HTML CSS"，这表明讨论的话题可能涵盖了HTML与CSS（Cascading Style Sheets）的结合使用。CSS是用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的样式表语言。例如，我们可以通过CSS来改变`<br>`标签的行为，比如设置换行后的间距，或者改变其在特定条件下的显示方式。 部分内容提到了Java编程，具体是关于`StringBuffer`类的使用。`StringBuffer`是Java中用于处理字符串的可变对象，相较于`String`，它在进行字符串拼接或修改时更高效，因为它在内部维护了一个字符数组，可以避免不必要的对象创建。例如，代码展示了如何初始化`StringBuffer`，设置长度，插入字符，追加数值以及布尔值等操作。 ``` StringBuffersb=newStringBuffer("thisisatestStringBuffer"); sb.setLength(14);//sb="thisisatest" sb.setCharAt(0,'T');//sb="Thisisatest" sb.append(5.12);//sb="Thisisatest5.12” sb.append(true);//sb="Thisisatest5.12true“ sb.insert(14,"value="); ``` 此外，还提到了一个计算盒子高度的CSS概念，盒子模型是CSS布局的基础，它包括元素的内容区域、内边距（padding）、边框（border）以及外边距（margin）。示例中给出了一个盒子的高度计算方法，即高度=内容高度+上下填充高度+上下边框高度。 ``` 盒子高度=height属性+上下填充高度+上下边框高度 答案：20*2+5*2+40=90px ``` 这里假设了高度属性（height）为20px，上下填充（padding）各为5px，上下边框（border）各为40px，所以总高度为90px。 这个资源涵盖了HTML的基础换行标签，CSS的盒模型概念，以及Java编程中`StringBuffer`类的使用，这些都是Web开发中不可或缺的知识点。