web编程基础知识点总结

开发者福利!热门AI工具限时免费用 购周边即赠Coding Plan Lite,Claude Code、Cursor等20+工具畅享,效率翻倍! 阅读详情

HTML基本标签种类:

 

Ø Input标签:通过type来区分不同的input标签,type可以为:text、button、radio、checkbox、file、image、password、hidden、submit、reset;

 

Ø span

 

 

Ø div

 

 

Ø img

 

 

Ø br

 

 

Ø hr

 

 

Ø ………………

 

 

 

HTML的书写方式:

 

Html标签必须要结束,标签的结束方式有两种:

 

一是自结束,如:“<br />”、“<hr />”、“<input type="button" />”;

 

二是非自结束的,这样的标签都是成对出现的,如<font>..</font>、<span>..</span>

 

 

所有的标签必须要结束!

 

HTML中表格的使用

 

如果显示一些成行成列的数据,我们使用表格来显示,写法:

<table>

 

 

        <tr>

 

 

                  <td></td><td></td>

 

 

        </tr>

 

 

<tr>

 

 

                  <td></td><td></td>

 

 

        </tr>

 

 

</table>

 

 

注意:使用表格来显示数据时,内容必须要写在<td>..</td>标签之间;<table>、<tr>、<td>必须全部写上!

 

(1)    为table创建边界

 

<table border="1" cellpadding="0" cellspacing="0" bordercolor="red" width="200px" height="200px">

 

 

  <tr>

 

 

           <td>web编程基础</td><td>web编程基础</td>

 

 

  </tr>

 

 

<tr>

 

 

           <td>web编程基础</td><td>web编程基础</td>

 

 

  </tr>

 

 

</table>

 

 

(2)    合并单元格

 

横向的单元格合并:

 

<table border="1" cellpadding="0" cellspacing="0" bordercolor="red" width="200px" height="200px">

 

 

  <tr>

 

 

           <td colspan="2">web编程基础</td>

 

 

  </tr>

 

 

<tr>

 

 

           <td>web编程基础</td><td>web编程基础</td>

 

 

  </tr>

 

 

</table>

 

 

纵向的单元格合并:

 

<table border="1" cellpadding="0" cellspacing="0" bordercolor="red" width="200px" height="200px">

 

 

  <tr>

 

 

           <td rowspan="2">web编程基础web编程基础</td><td>web编程基础</td>

 

 

  </tr>

 

 

   <tr>

 

 

           <td>web编程基础</td>

 

 

  </tr>

 

 

</table>

 

 

Span标签和div标签

 

HTML只是负责显示内容.文字标签与字块标签一般都有意义,而span与div并没有什么意义,它们被广泛的与CSS联合使用,为其赋予不同的表现。

 

span是内联的,代表一行.

 

 

div代表一块.(有点向标签p,块的前后总是和其它块隔开一个距离.)

 

 

如何调试js代码

 

注释:使用alert()函数来分步调试;

 

通过document.getElementById(“id”)来获取一个标签,如果该标签存在,则为“object”,否则为“undefined”;

 

常见错误:

 

1、引用js路径不对:html文件中使用js文件时,要确定路径是否正确:

 

<script type="text/javascript" language="javascript" src="js.js"></script>

 

 

其中src为相对路径。

 

2、大小写不正确

 

3、取到的对象为“undefined”

 

 

JavaScript中常用方法和属性

 

Ø document.getElementById(“id”):通过标签的id获得一个唯一的标签元素;

 

Ø document.getElementsByName(“name”):通过标签的name值来获取标签的一组元素,如radio标签、checkbox标签、select标签等可用此方法来获取;返回值是一个数组,可通过[i]来循环访问每个元素;

 

Ø value:获取元素值的属性(注:必须要先给标签的value赋值,然后才可以读取);

 

Ø innerHTML:设置和获取标签内部的html源码,如获取span、div元素内部内容(注:这类标签内部可以嵌套其他标签元素)

 

Ø innerText:设置和获取标签内部的文本内容(不含标签);

 

Ø parseInt():把字符串转换为整数值

 

js中设置标签的样式

 

document.getElementById("suggest").style.display="block";

 

 

document.getElementById("suggest"). 

className="LinkOver";

《Python背记手册》:63页精华知识点,助你成为编程高手 3.从基础的入门开始,学完课程记得自己再动手练一遍,实践是掌握 Python 最快的方法;对抗拖延和对新知识恐惧的最好办法就是先沉浸下来,去做,然后感知。有一句话「不积跬步,无以至千里,不积小流,无以成江海」,不行动是学习 Python 唯一的难点,那么动动食指点开第一节视频课。1.先确定自己要用 Python 实现什么功能目的,根据目标来选择学习的内容和路径;由于篇幅过长,完整版的PDF都给大家整理好了,有需要的小伙伴直接戳。如果你是零基础,可以从基础介绍开始,先了解 Python。 阅读详情

相关推荐

Web编程基础核心知识点全面复习指南

简介:HTML、CSS和JavaScript是Web编程的三大核心技术,分别负责网页的结构、样式与交互功能。本文以“web编程基础复习提纲”为核心,系统梳理了三者的重点知识:HTML中的标签、属性、文本格式化、链接、表格与列表;CSS的选择器、盒模型、定位方式、响应式设计及Flexbox/Grid布局;JavaScript的变量、数据类型、控制流程、函数、对象数组、DOM操作、事件处理与异步编程。通过本提纲的深入学习与实践,学生可全面掌握Web前端开发基础,为后续进阶学习和项目开发打下坚实基础

weixin_28933797的博客 914

web开发基础知识

web开发基础知识学习 一、网页开发三剑客 ​ 我们看到的网页通过代码来实现的 ,这些代码由浏览器解释并渲染成你看到的丰富多彩的页面效果。 这个浏览器就相当于Python的解释器,专门负责解释和执行(渲染)网页代码。写网页的代码是专门的语言, 主要分为Hmtl \ CSS \ JavaScript, 被称为网页开发三剑客,分别作用如下: Html:超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。主要负责编写页面架构,有点像建房子时

vision666的博客 9829

Python基础编程100题与核心知识点精炼

Python是一种高级、解释型、动态类型的通用编程语言,由Guido van Rossum于1991年首次发布。它以简洁清晰的语法和丰富的标准库著称,广泛应用于Web开发、数据分析、人工智能、自动化脚本等领域。Python的设计哲学强调代码的可读性与开发效率,使开发者能够以更少的代码实现更多功能。其跨平台特性、庞大的第三方库生态以及活跃的社区支持,使其成为当今最受欢迎的编程语言之一,深受初学者与资深开发者青睐。函数是将一段逻辑封装成可重复调用的代码块的基本单位。在 Python 中,使用def。

weixin_29317963的博客 935

超详细!小白入门PythonWeb开发详解!

FastAPI 是 Python 开发的一个开源 Web 框架,几乎包括了 Web 应用的所有内容,可用于快速搭建高性能、优雅的网站应用。最主要的是,FastAPI 提供了 Web 开发经常使用到的模块,包括自动生成接口文档等,使开发者能够专注业务部分。

weixin_68789096的博客 1万+

web编程

5.Servlet入门:是运行在服务端的小程序,是一种动态资源,是tomcat和java程序沟通的桥梁,是一套规范(规定我们的java程序如何运行在tomcat上)。A向B发送SYN包(seq序列号),B接受到后返回A一个ACK+SYN包,此时表明A的发送能力和接收能力,B的接受能力没有问题,但是B自己不知道自己的发送能力是否有问题,因为A没回复我,所以就需要第三次握手,A再向B发送一个ACK确认包即可。2.默认拦截直接访问和重定向的请求,转发的请求不拦截,但可以设置,但一般不这样做。

weixin_43757604的博客 424

Web编程笔记

Web编程初学笔记

weixin_50893467的博客 556

Web前端开发最常见的八种编程软件

1.Visual Studio Code(VS Code) 简介: Visual Studio Code(VS Code)是微软2015年推出的一个轻量但功能强大的源代码编辑器,基于 Electron 开发,支持 Windows、Linux 和 macOS 操作系统。它内置了对JavaScript,TypeScript和Node.js的支持并且具有丰富的其它语言和扩展的支持,功能超级强大。Visual Studio Code是一款免费开源的现代化轻量级代码编辑...

m0_58447769的博客 6万+

网页编程基础第一章知识点总结——Web基础知识

网页编程基础第一章知识点总结——Web基础知识 知识点预览 Internet和Web Web工作原理 动态Web技术 Internet和Web   1.Internet的概念 Internet是一个全球性的计算机网络。中文名称有“因特网”,“国际互联网”,“网际网”,“交互网络”等。 2. Internet提供的主要服务 3. Interne

DBA@Robin 3642

Oracle培训(十八)——网页编程基础第一章知识点总结——Web基础知识

网页编程基础第一章知识点总结——Web基础知识 知识点预览 Internet和Web Web工作原理 动态Web技术 Internet和Web 1.Internet的概念 Internet是一个全球性的计算机网络。中文名称有“因特网”,“国际互联网”,“网际网”,“交互网络”等。 2. Internet提供的主要服务 3. Internet的基本实现原理 ...

爱.NET 297

复习八:java基础知识点、算法与编程、java Web部分

71、常用的类:FileReader、FileWriter、FileOutputStream、FileInputStream、List、HashMap; 72、常用的包:java.lang、java.io、java.util 、java.sql、org.hibernate ; 73、常用的接口:List、Map、Document、Remote ; 74、我们可以自己写个类,也叫java.la

c_lanxiaofang的博客 468

Python基础知识点全面总结

👉Python作为一种广泛使用的高级编程语言,以其简洁的语法、丰富的库支持和跨平台特性,成为数据科学、人工智能、Web开发等多个领域的首选语言。无论是初学者还是有一定编程经验的开发者,掌握Python的基础知识都是必不可少的。本文将从入门到进阶,全面总结Python的关键知识点,帮助读者构建扎实的Python编程基础

2301_78150559的博客 1610

【自学笔记】Web3基础知识点总览-持续更新

提示:这里对文章进行总结:例如:以上就是今天要讲的内容,自学记录Web3基础知识点总览。

2301_78806917的博客 1662

Web编程基础知识

前段时间零零碎碎看了Web编程相关内容,今天就整理了一下 Web编程,前端主要是html+CSS+JavaScript,后端使用最多的是PHP+MySQL 此次教程主要是关于html、CSS、JavaScript和PHP的一些语法和使用细则 1 Html: HyperText Markup Language,超文本标记语言,网络内容载体 (1) Html是网页内容载体、CSS(层叠样式表)样式是表现、JavaScript是用来实现网页的特效效果 (2) Html语言不分大小写,但建议使用小写 (3)

积流成河 2789

php web开发需要的知识点,Web开发的10个基本知识点(上)

Web开发的10个基本知识点(上)阅读:3238次 编辑日期:2013-11-02目录:概述:一个网站从开始设计到最终上线会经过很多个流程,很多个细节,所以自己建立一个网站是任重而道远的一个过程,但是在很多地方,一些基础知识也很重要,所以一上来我们先来说一下,在建站流程中,Web开发的10个基本知识点。我们首先来说一下代码标签:HTML:...code...等等,这个不多说了,但是像标签不用...

weixin_29294395的博客 200

java web试题_2019年最新Java Web基础笔试题

一、 填空题(每空2分,共30分)1、在tomcat上发布javaweb应用时的默认目录是__webapps___目录。2、javaweb应用的部署描述符是指 web.xml__ 文件。3、在tomcat中访问helloapp应用的login.html文件时,在浏览器地址栏应写的url为:__http://localhost:8080/helloapp/login.html___。4、Serv...

weixin_32440005的博客 1486

基础如何学习Java编程语言

对于很多零基础却又想加入Java编程语言的人而言,迫切想要了解的,莫过于零基础学Java到底要掌握哪些基本知识呢?当然,学习java课程很重要的一点还是爱好兴趣,跟着兴趣来学习往往事半功倍。接下来,就向大家分享一下,零基础如何学习Java编程语言! 1.Java基础 先从Java的基础教程开始学习,了解Java是什么。在这个时候,应该尽量多动手,很多时候,你想当然的事情,等你写出来运行一下...

java03_15的博客 165

Web前端开发1+x(中级)知识点

Web前端开发1+x(中级)知识点 一、数据库 1. CMD命令行操作数据库 命令 解释 mysql -u 用户名 -p 密码 cmd连接数据库 cerate database 库名 创建数据库 show database 查看数据库 drop databse 删除数据库 create table 创建表 use database 库名 切换(使用)数据库 2.数据库字段约束 not null --非空 default -

Web_chicken的博客 1万+

学习Web安全的正确顺序:从入门到精通的完整成长计划

网络安全产业就像一个江湖,各色人等聚集。相对于欧美国家基础扎实(懂加密、会防护、能挖洞、擅工程)的众多名门正派,我国的人才更多的属于旁门左道(很多白帽子可能会不服气),因此在未来的人才培养和建设上,需要调整结构,鼓励更多的人去做“正向”的、结合“业务”与“数据”、“自动化”的“体系、建设”,才能解人才之渴,真正的为社会全面互联网化提供安全保障。

QXXXD的博客 1043
上一篇: XML与.NET
下一篇: asp.net三层架构详解
welkin_zxj
博客等级 码龄14年 0粉丝 1原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值