Web基础

最新推荐文章于 2024-01-02 22:46:10 发布
最新推荐文章于 2024-01-02 22:46:10 发布
阅读量151 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/crk9812280128/article/details/82806705
版权

Web

html：

  1. 什么是html

hyper超级text文本 markup 标记language语言

超文本标记语言，俗称网页

  1. html的结构

以<html>开头  以</html>结尾

<!DOCTYPE  html>  版本

 

<html>标签由<head>和<body>字标签组成

<html>

<head></head>

<body></body>

</html>

head标签主要用来引入外部的样式和脚本文件, 还可以用来定义编码和标题

主要的是网页中与内容无关的部分

body标签里放的是要显示的内容部分

  1. 常用标签

a.标题标签

<h1>……<h1>

<h2>……<h2>

 

<h3>……<h3>

……                             由1-6字号一次变小

<h6>……<h6>

b.段落标签

<p>默认字号，一对标签内自动换行

c.分隔符<hr> 不要要结束标签，中间加一道横线

  换行符<br> 不需要结束标签，自动换行

d.标签的属性：格式：属性名=“属性值”

<p align=”right”> 文本内容</p> 文本文字向右边对齐

<hr color=”red”>  分割线颜色变为红色

  1. 图片标签
  2. <img src="图片路径" alt=“访问不到时的提示文字” width=“像素” height=“像素”>

不可以使用绝对路径

  1. 超链接

<a href=”目标网页地址”>提示文字</a>

<a href=”#另一标签ID”>提示文字</a>

<a hred=””><img src=”图片路径”></a>

  1. 建表:基本结构

<table>

          <thead>

                   <tr>         

                            <td>

                            </td>

                   </tr>

          </thead>

<tbody>

         <tr>

                  <td>

                  </td>

         </tr>

</tbody>

</table>

快捷写法

table>(thead>tr*1>td*2)+(tbody>tr*3>td*2)   按下Tab键可以自动生成一个2*4的表格基本结构

 

表格的合并

<tr>

<td colspan=”列数”>内容</td>

</td>

<td  rowspan=”行数”> 内容 </td>

</td>

</tr>

  1. 表单

<input type=”test”> 文本框标签

<input type=”password”> 密码框

<input type=”radio”> 单选按钮

<p>男<input type="radio" name="sex" checked="checked">  女<input type="radio" name="sex"></p>

<p>未婚<input type="radio" name="married">  已婚<input type="radio" name="married" checked> 离婚<input type="radio" name="married"></p>

<input type=”chechbox”> 复选按钮

<p>

                                        读书<input type="checkbox" name="hobby">

                                       玩游戏<input type="checkbox" name="hobby">

                                       听音乐<input type="checkbox" name="hobby">

                                       敲代码<input type="checkbox" name="hobby" checked>

</p>

                                       <input type="email">`输入邮件地址

                                       <input type="date" value="日期初始值">日期选择标签

                                       <input type="time" value="时间初始值"> 时间选择标签

                                       <input type="file"> 文件选择框

                                       <input type="button" value="按钮文字"> 按钮

<input type="reset" value="重置">重置按钮 把页面所有填写的内容重置到初始状态

<input type="submit" value="提交"> 提交按钮 把表单填好的信息发送给服务器

<button type="button|reset|submit">按钮文字</button>`

下拉列表标签

<select>

  <option>值1</option>

  <option>值2</option>

  ....

  <option>值n</option>

</select>

文本域标签 适合输入多行文本内容

<textarea cols="宽" rows="高"></textarea>

 

CSS:

1.概念

cascade                                         style sheet

级联，层叠   样式  表格

控制网页上标签的各种样式： 颜色，字体，边框，间距...

2.CSS格式

行内样式

每个标签加一个样式

<标签 style="多个样式"></标签>

缺点：样式代码重复

内部样式表

<html>

<head>

<style>样式定义</style>

</head>

</html>

可以解决样式重复

外部样式表

把样式信息定义在一个单独的 *.css 的文件中

<html>

<head>

<link rel="stylesheet" href="css文件路径">

</head>

</html>

3.行内样式

A．颜色控制

color:颜色值

颜色值：red，blue，green，yellow, black, white

background-color: 背景色

b.字体

font-size 字体大小  单位像素

font-family 字体名称

font-style：italic；斜体

font-weight：bold；粗体

c.对齐方式

text-align：center/left/right

d.背景

background-image: url(背景图片路径)

background-repeat: 控制背景图片如何重复 no-repeat(不重复) repeat-x  repeat-y  repeat(xy方向上都重复)

background-size: 110px  缩放背景图大小

e.边框

border-color: 颜色

border-style: 样式（实线等）

border-width: 宽度

crk9812280128
关注
java web实验报告；开发环境及web基础， JSP、Servlet及JDBC、扩展JavaScript框架、Web应用综合设计
03-12
实验1：Java Web开发环境及Web编程基础；实验2 JSP、Servlet及JDBC应用开发；实验3 扩展JavaScript框架应用；实验4 Web应用综合设计； 天津理工大学
Web基础知识1ppt课件.ppt
11-13
Web基础知识1ppt课件.ppt
web 基础
脸滚键盘
04-24 2576
web 原理及测试 X-mind 思维导图 点此下载 网络基础 web 概念 web 访问步骤 web 协议 web 会话 1. 网络基础 1.1 网络应用软件 1.1.1 定义 通过网络连接不同服务器、电脑、手机 实现软硬件资源共享，用户间信息交换 1.1.2 特点 分布式，整个软件功能是由网络中的不同电脑以及其中的软件联合实现的 web / 客户端-服务器交互实现功能 1.2 网络典型架构 1.2.1 CS 1、定义 Client-Server：客户端-服务器，三层结构，或两层结构（现
web基础实训青软实训 漫步时尚广场项目源代码以及图片
06-24
web基础实训青软实训 漫步时尚广场项目源代码以及图片从第一章到第十二章全，包括图片代码，每一章节一个文件夹。从前端到后端界面，从显示产品到注册、登录、发布、审核产品的静态页面都有。 非常不错的实训资源
java与web基础概念
08-20
java与web基础概念
Web基础10.xmind
最新发布
01-25
Web基础10
Web 基础
遇见1995
08-13 207
Web前端开发基础技术需要 HTML：网页内容的载体 CSS：样式是表现 JavaScript：实现网页上的特效效果 &lt;html&gt; &lt;head&gt;...&lt;/head&gt; &lt;body&gt;...&lt;/body&gt; &lt;/html&gt; html标签 由&lt; &gt;括起来 成对出现：开始标签（&lt;ht
WEB基础
weixin_47081872的博客
09-17 205
web渗透基础 一、渗透测试的分类 1.黑盒测试 2.白盒测试 3.灰盒测试 二、渗透测试的基本流程 前期交互-信息收集-威胁建模-漏洞分析-web渗透-后渗透-形成报告 计算机网络通信的基础 一、络体系结构 1.OSI七层、四层与TCP/IP的五层协议 二、数据传输的分装与解封装流程 1.封装 应运层-传输层 添加UDP/TCP的报头（源端口：目的端口） 网络层 添加（源IP地址：目的IP地址的报头） 数据链路层 添加（源MAC地址：目的MAC地址）形成数据帧 物理层 形成数据流 2.解封装 物理层
web基础
m0_58153732的博客
09-15 500
一、Web基础 Web 即World Wide Web（WWW），它是世界上所有的超文本（Hypertext）、其他资源（如图片）和它们之间的超链接（Hyperlink）的总和。 1、URI(服务器资源名被称为统一资源标识符）两种形式：URL和URN 2、统一资源定位符（URL）Uniform Resorce Locator是资源标识符最常见的形式。URL描述了一台特定服务器上某资源的特定位置。可以明确说明如何从一个精确、固定的位置获取资源。 大部分URL遵循一种标准格式，包含了三个部分： ..
Web 开发基础
三木的博客
08-27 2577
        javaWeb程序   FirstWeb : index.jsp: &lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt; &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 ...
Web的基础知识
2201_75502157的博客
01-02 857
动态页面请求的是动态资源，如.jsp、.asp、.aspx、.php，直接链接数据库，从数据库中请求数据，然后通过动态页面拼凑一个页面，展示出来，这种直接请求数据库的页面，就说动态页面。静态页面是实际存在的，无需经过服务器的编译，直接加载到客户浏览器上显示出来，一般指HTML，客户端使用浏览器，经过网络连接到Web服务器使用HTTP协议发送请求，让Web服务器根据请求从存放所有静态页面的磁盘中取出这个页面的内容，然后返回给客户端，这些内容经过浏览器渲染解析后就得到显示的效果。什么是动态页面和静态页面呢？
Web基础知识
Sunshine的博客
02-07 1726
Web 应用程序基础知识几个专有名词 几个专有名词 **HTML(HyperText Markup Language): ** 超文本标记语言 **HTTP(HyperText Transfer Protocol): ** 超文本传输协议 URL
Java Web基础：深入理解Servlet
"Java Web基础 Servlet.PPT - 传智播客教学材料，涵盖了Servlet的基础知识，包括URL、HTTP请求与响应格式、MIME类型以及Servlet的介绍。" Servlet是Java Web开发中的核心组件，主要用于处理来自客户端（通常是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值