前端基础语法

最新推荐文章于 2023-11-13 12:08:05 发布
最新推荐文章于 2023-11-13 12:08:05 发布
阅读量788 收藏 2
点赞数 2
分类专栏： 前端 文章标签： 网页三剑客学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29951983/article/details/83040326
版权
文章目录HTML段落标题空格回车大于号小于号divspan能使文字倾斜或加粗的标签图片标签跳转链接标签有序列表/无序列表定义列表表格HTML段落<p&
摘要由CSDN通过智能技术生成

文章目录

HTML

段落

<p></p>

标题

<h1></h1>

空格

＆nbsp;

回车

<br />

大于号

&gt;

小于号

&lt

div

块元素，表示一块内容，没有具体语义，可以嵌套

span

行内元素，表示一行中的一小段内容，没有具体语义

能使文字倾斜或加粗的标签

<em></em> 行内元素，表示语气中的强调词　文字倾斜
<i></i> 行内元素，表示专业词汇　　文字倾斜
<b></b> 行内元素，表示文档中的关键字或产品名　加粗
<strong></strong> 行内元素，表示非常重要的内容　加粗

图片标签

<img src = "./images.jpeg" alt = "这是图片"></img>
scr:图片位置
alt:图片描述

跳转链接标签

<a href = "http://www.baidu.com" title = "跳转到百度" target = "_bank"><img src = "./images.jpeg"></img></a>
href：跳转网址
title：鼠标放上去的提示
target：默认是_self，替换当前页，_bank开启新的标签
<a href = "#" >默认缺省链接</a>跳转到网页头部

有序列表/无序列表

		<ol>
			<li>有序列表1</li>
			<li>有序列表2</li>
			<li>有序列表3</li>
			<li>有序列表4</li>
			<li>有序列表5</li>
		</ol>
		
		<ul>
			<li>无序列表1</li>
			<li>无序列表2</li>
			<li>无序列表3</li>
			<li>无序列表4</li>
			<li>无序列表5</li>
		</ul>

定义列表

		<dl>
			<dt>html</dt>
			<dd>htmlhtml</dd>
			<dt>css</dt>
			<dd>csscss</dd>
			<dt>js</dt>
			<dd>jsjs</dd>
		</dl>

表格



		<table border = "1" width = "700" height = "300" align = "center">
		
			<tr>
				<td colspan = "5" height = "100%"></td>
			</tr>
			
			
			<tr>
				<td width = "15%"></td>
				<td width = "25%" ></td>
				<td width = "15%" ></td>
				<td width = "25%" ></td>
				<td width = "20%" rowspan = "5">
					<img src = "./images.jpeg"></img>
				</td>
			</tr>
			
			
			<tr>
				<td ></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			
			
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</table>

在这里插入图片描述

<table border = "1" cellpadding = "20" cellspacing = "20">
			<tr>
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				<td>5</td>
			</tr>
		</table>

在这里插入图片描述

布局

使用表格布局

<!DOCTYPE html>
<html>

	<head>
		<meta charset = "UTF-8">
		<title>个人简历</title>
	</head>
	
	<body>
		<table border = "0" cellpadding = "0" cellspacing = "0" align = "center" width = "800" height = "800">
			
			<tr>
				<td width = "260" valign = "top" bgcolor = "#f2f2f2">
					
					<table align ="right" border = "0" cellpadding = "0" cellspacing = "0">
						<tr height = "100"></tr>
						<tr>
							<td ><img src = "./wuyanzu.jpeg"></img></td>
							<td width = "15"></td>
						</tr>		
						<tr>
							<td align = "right">吴彦祖本人</td>
							<td width = "15"></td>
						</tr>		
						<tr>
							<td align = "right">XXXX</td>
							<td width = "15"></td>
						</tr>		
						<tr>
							<td align = "right">XXXX@qq.com</td>
							<td width = "15"></td>
						</tr>		
					</table>
				
				</td>
				<td width = "30"></td>
				<td width = "480"  valign = "top">
					<table width = "480" border = "0" cellpadding = "0" cellspacing = "0" >
						<tr height = "50"><td></td></tr>
						<tr >
							<td align = "right"><img src = "./images.jpeg"></img></td>
						</tr>
					</table>

					<br />
					<hr />
					<br />

					<table width = "480" height = "200" border = "0" cellpadding = "0" cellspacing = "0" >
						<tr>
							<td colspan = "2"><b>个人基本情况</b></td>
						</tr>
						
						<tr>
							<td><b>姓名：</b>XXX</td>
							<td><b>籍贯：</b>XXX</td>
						</tr>
						
						<tr>
							<td><b>性别：</b>男</td>
							<td><b>身高：</b>177cm</td>
						</tr>
						
						<tr>
							<td><b>民族：</b>汉</td>
							<td><b>体重：</b>75kg</td>
						</tr>
						
						<tr>
							<td><b>出生日期：</b>XXXX/XX/XX</td>
							<td><b>电话：</b>XXXXXXXXX</td>
						</tr>
						
						<tr>
							<td><b>现居住地：</b>XXX</td>
							<td><b>专业：</b>XXX</td>
						</tr>
					</table>
				</td>
				<td width = "30"></td>
			</tr>
		</table>
	</body>
	
</html>

在这里插入图片描述

表单



<!DOCTYPE html>
<html>

	<head>
		<meta charset = "UTF-8">
		<title>表单</title>
	</head>
	
	<body>
		<!-- action不写，默认提交到本地 -->
		<form action = "" method = "get">
			
			<div>
				<!-- label的for标签，当用户鼠标点击账号文字时，输入框自动获得焦点，但是输入框需要设置id属性 -->
				<!-- 要想让提交后，在地址栏上有显示例如：username = "tom" 需要设置name字段 -->
				<label for = "username">账&nbsp;&nbsp;&nbsp;号：</label>
				<input type = "text" name = "username" id = "username"></input><br /
														   
				<label>密&nbsp;&nbsp;&nbsp;码：</label>
				<input type = "password" name = "password"></input><br /
			</div>
	
			<div>
				<label>性&nbsp;&nbsp;&nbsp;别：</label>
				<input type = "radio" name = "gender" value = "0">男</input>
				<input type = "radio" name = "gender" value = "1">女</input>
			</div>

			<div>
				<label>爱&nbsp;&nbsp;&nbsp;好：</label>
				<input type = "checkbox" name = "like" value = "football">足球</input>
				<input type = "checkbox" name = "like" value = "basketball">篮球</input>
最低0.47元/天 解锁文章
谢耀眼
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端学习-JavaScript基础语法
qq_48772498的博客
03-15 977
1.变量与运算符 变量： 变量是存储值的容器；在最新的 JavaScript 中，用let来声明可变变量，用const来声明常量（不可变） 相关规范： 驼峰命名法：如果变量是由两个以上的单词组成时，需要采用驼峰命名法，即第一个单词小写，后面单词首字母大写 不能包含数字：不能使用数字序号来命名，比如 name1，name2，func1，func2 禁止用var：在支持let和const的环境中，不允许再使用var声明变量的方式，防止代码的污染 运算符： &&：逻辑与，如果...
Vue的基础语法
China_11111的博客
03-21 854
一、Vue的概念 1.什么是vue.js 1、Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 2、Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！ 二、MVC与MVVM的区别 1、MVC 是后端的分层开发概念; 2、MVVM是前端视图层的概念，主要关注于视图层分离，也就是说：MVVM把前端的视图层，分为
前端语法知识汇总
qq_42760375的博客
11-13 211
最快的方式，带你回顾大纲
【前端】JavaScript 基础语法
粉墨白伶的博客
10-27 441
JavaScript 是一门编程语言，主要运行在浏览器上HTML, CSS, JavaScript 这三门前端语言的关系如同她们相互配合才能构建出一个成熟完整的前端网页页面。
web前端基础——Less语法
NGUP_LEE的博客
03-11 9770
在使用rem对移动端界面布局进行适配时，需要完成px单位到rem单位的转换，这个过程中的除法运算对于界面中很多个标签时，是很麻烦的，但是CSS又不支持计算写法，那么有什么办法可以解决这个问题呢？ 文章目录1、Less语法简介2、Less语法的运算3、Less语法快速生成选择器4、Less变量设置属性值5、Less文件的导入与导出5.1 导入5.2 导出5.3 禁止导出 1、Less语法简介 Less是一个CSS预处理器，Less文件后缀是.less 扩充了CSS语言，使CSS具备一定的逻辑性、计算能力.
ts 基础语法
weixin_43992788的博客
06-06 2078
一、搭建 1、TypeScript环境搭建 npm install -g typescript 2、TypeScript打包成js tsc helloworld.ts 3、运行js node helloworld.js 二、搭建 1、TypeScript环境搭建 npm install -g typescript 2、打包并运行 npm install -g ts-node ts-node helloworld.js 三、静态类型（Static Typing） //静态类型 const count:numb
JavaScript基础语法
m0_67683346的博客
11-02 5658
javascript中的一些基础语法
React基础语法
qq_52099965的博客
11-09 1556
React 基础语法
web前端基础知识
qq_43375584的博客
02-28 6231
HTML&CSS基础经典版 HTML：结构（页面元素和内容） css：表现（网页元素的外观和位置等页面样式） 行为：JavaScript：行为（网页模型定义与页面交互） 排版标签 排版标签标题标签：h系列标签 重要程度依次递减 特点：独占一行、h1-h6文字逐渐减小 段落标签：p 特点：段落之间存在间隙、独占一行 换行标签： 水平分割线： 文本格式化标签 场景：让文字加粗b strong、下划线u ins、倾斜i em、删除线s del等 语义：突出重要
Ajax基础语法总结
xzd2333的博客
03-14 1366
Ajax技术：在网页不跳转的情况下，向服务器请求数据 应用场景：局部刷新
前端必学之PHP语法基础
10-23
在本文中，我们将深入探讨PHP的基础语法，帮助前端开发者更好地理解和运用PHP。 首先，PHP代码的标识是关键。PHP代码通常以`开头，以`?>`结束。你可以将PHP代码插入到HTML文档的任何位置，服务器会识别并执行这些...
前端js学习基础语法第一天
12-23
新人入行可用，前端js入门
js基础语法，前端小白学习资料
08-15
js基础语法，前端小白学习资料
前端 nodejs mysql 基础语法学习以及完整demo展示
12-25
通过学习和实践这些基础语法，你可以搭建自己的数据服务，实现与前端界面的数据交互。记得在实践中注意错误处理、事务管理和性能优化，以确保应用程序的健壮性和效率。在实际项目中，你还可以利用ORM（对象关系映射...
vue基础语法练习源码
12-09
首先，让我们深入了解Vue的基础语法。Vue实例是整个应用的核心，它通过`new Vue()`创建。在HTML文件中，我们通常使用`<script>`标签引入Vue库，并创建实例，将DOM元素与Vue实例绑定。例如： ```html ...
yolo-fastest.zip
07-28
yolo-fastest
mysql安装配置教程.pdf
最新发布
07-28
MySQL的安装配置教程可以细分为以下几个步骤，这里以Windows系统为例进行说明： 一、下载MySQL 1.访问MySQL官网： 1.前往MySQL的官方网站（https://www.mysql.com/）下载MySQL Community Server。 2.选择下载版本： 1.在官网的Downloads页面，选择“MySQL Community (GPL) Downloads”下的“MySQL Installer for Windows”。 2.跳过注册步骤，直接下载MySQL安装包。 二、安装MySQL 1.运行安装包： 1.找到下载好的MySQL安装包文件，双击运行。 2.选择安装类型： 1.在安装向导中，选择安装类型（通常建议选择“Custom”进行自定义安装）。 2.选择操作系统的位数（如64位），并勾选“Enable the Select Features...”等选项（如果提示缺少运行库，需要先安装相应的VC_redist）。 3.设置安装路径： 1.选择MySQL的安装路径和数据存储路径，建议将MySQL安装在非系统盘（如D盘）以避免潜在的问题。 4.设置密码：
基于transformers+pytorch实现非结构化商业文本信息中隐私信息识别python源码（比赛获奖项目）.zip
07-28
基于transformers+pytorch实现非结构化商业文本信息中隐私信息识别python源码（比赛获奖项目）.zip CCF大数据与计算智能大赛-非结构化商业文本信息中隐私信息识别方案 bert base + flat + crf + fgm + swa + pu learning策略 + clue数据集 = test1单模0.906 词向量：https://github.com/Embedding/Chinese-Word-Vectors SGNS(Mixed-large 综合) loss mask相关代码为pu learning策略的实现 主要模块版本 python 3.6.9 torch 1.1.0 transformers 3.0.2 pytorchcrf 1.2.0 torchcontrib 0.0.2 主要功能点 使用BERT base作为基础模型 采用flat结构进行命名实体识别 使用CRF层进行序列标注 采用对抗训练(FGM)和平滑权重平均(SWA)策略提高模型泛化能力 使用PU learning策略处理标注不全的数据 利用clue数据集进行训练
（verilog）基于MIPS指令集的单周期CPU设计
07-28
相关代码及Vivado项目工程文件
PHP基础语法与Web前端开发入门
"PHP、web前端开发-PHP的基础语法.pptx" PHP是一种广泛使用的服务器端脚本语言，尤其适用于Web开发。在这个文档中，我们主要关注PHP的基础语法，这对于理解和开始PHP编程至关重要。 首先，PHP的注释有两种形式。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值