网页开发基础笔记：HTML, CSS, JavaScript入门与布局详解

需积分: 3 128 浏览量更新于2024-09-02 收藏 86KB DOCX 举报

这份文档是作者在学习网页开发过程中积累的笔记总结，主要针对初学者介绍了HTML、JavaScript和jQuery的基础知识，重点覆盖了网页静态构建的各个方面。以下是详细的解读： 1. HTML基础知识： - 学习了HTML5，了解了基本的标签如`<ul>`（无序列表）、`<ol>`（有序列表，如`<ol type="1aAi">`指定列表样式）、`<dl>`（定义列表）等，以及如何控制列表样式，如`<li style="list-style-type: none;">`取消默认样式。 2. 表格元素： - 掌握了创建表格的基本结构，包括`<table>`标签，以及`<tr>`（行）、`<td>`（单元格）的使用，还有`rowspan`和`colspan`属性用来设置跨行或跨列。 3. 样式控制： - 学会了设置文本样式，如`<p>`（段落）、`<strong>`（加粗）、`<em>`（斜体）、`<br>`（换行）、`<hr>`（水平线）等，并能调整字体大小和颜色。 - 了解了标题标签`<h1>`至`<h6>`的层次结构。 4. 表单元素： - 包括图片插入，`<img>`标签用于添加图片，提供`src`、`title`和`alt`属性，以及设置宽度和高度。 - 超链接使用`<a>`标签，`target`属性控制链接打开方式，`href`属性指定链接地址，`title`属性提供鼠标悬停时的提示文字。 5. 媒体元素： - 描述了如何嵌入视频和音频，通过`<video>`和`<audio>`标签，以及`<source>`标签指定媒体资源路径，`controls`属性允许用户交互。 6. 页面布局： - 分析了如何使用CSS进行页面布局，比如`<style>`标签在`<head>`部分编写样式，包括`header`、`section`和`footer`元素的样式设置，以及`<iframe>`标签创建框架，用于嵌入其他网站内容。 7. CSS控制： - 提到了`<table>`元素的`border`、`cellspacing`属性，以及`<ul>`列表的`type`属性（实心圆点、空心圆点或方块）。 8. 段落样式： - 介绍了如何使用`<p>`标签并结合`style`属性来控制字体大小和颜色。这份笔记提供了对基础网页开发技术的全面概述，对于想要学习网页设计的初学者来说，是一份宝贵的参考资料，可以帮助他们快速掌握HTML、CSS和基本的JavaScript知识，从而创作出自己的静态网页作品。虽然可能存在少量错误，但整体内容实用且详尽。

tangneng430221

粉丝: 18
资源: 8

网页开发基础笔记：HTML, CSS, JavaScript入门与布局详解

web学习笔记.docx

印象笔记怎么导出.docx

html笔记.docx

jquery笔记.docx

HTML笔记.docx

爬虫笔记.docx

学习笔记.docx

7.13笔记.docx

工作笔记.docx

js笔记.docx

最新资源