韩顺平讲解HTML、CSS与JavaScript基础:字体调整与超链接实例

版权申诉
0 下载量 99 浏览量 更新于2024-08-24 收藏 8.09MB DOC 举报
韩顺平的HTML、CSS和JavaScript教程文档主要介绍了HTML基础结构和样式控制,以及超链接和图片元素的使用。 在第一部分,韩顺平讲解了HTML的基本语法。HTML文档结构由`<html>`标签开始,包含头部 `<head>` 和主体 `<body>` 部分。在头部,他演示了如何设置网页标题,如`<title>第一个网页</title>`,这是浏览器标签页上显示的名称。在主体部分,韩顺平展示了文本格式化的几种方法: 1. 使用`<font>`标签来调整文字样式,如`<fontcolor=red>`改变字体颜色,`<fontsize=7>`设置字体大小(注意,HTML5不推荐使用`<font>`,应优先考虑CSS)。他还提到使用`<fontstyle="font-size:150px"`结合CSS属性来增大字体大小。 2. 示例中,他还展示了如何用`<p>`标签包裹`<fontcolor=cyan>`来更换字体颜色,并使用`<b>`标签强调文本,如`<b><fontcolor="red">hhhhh</font></b>`。 第二部分讲解了HTML的超链接功能。韩顺平详细介绍了超链接的基本格式,包括`<a>`标签的使用,以及`target`属性的应用。`target="_blank"`用于在新窗口打开链接,而`target="_self"`则在当前窗口显示链接内容。他还给出了一个实例,比如`<ahref=""target="-blank">在新窗口打开</a>`,显示了如何创建指向外部资源的新窗口链接。 最后,韩顺平简要提到了HTML图片元素,尽管没有给出具体的代码示例,但通常使用`<img>`标签插入图片,其基本语法是`<img src="图片URL" alt="图片描述">`。在这里,他可能将讲解如何添加图像链接以及如何使用`alt`属性提供图片描述,以便于搜索引擎理解和视障用户理解。 通过这些内容,学习者可以掌握HTML的基础布局和样式控制,以及超链接和图片的添加,为后续深入学习Web开发打下坚实的基础。