XHTML基础知识总结

最新推荐文章于 2021-08-03 16:00:07 发布
最新推荐文章于 2021-08-03 16:00:07 发布
阅读量254 收藏
点赞数
分类专栏： 基础知识 前端 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/EDT777/article/details/105333112
版权

文章目录

html常用标签

分段

<p> </p

标题

<h1> </h1>   
<h2> </h2>  
....   <h6> </h6>

换行

<br/>

布局:一行只能一个div

<div> </div>

布局:一行可以很多个span

加粗

<b> </b>
<strong> </strong> //建议使用这个

斜体

<i> </i>
<em> </em>//推荐

删除线

<s> </s>
<del> </del> //推荐

下划线

<u> </u>
<ins> </ins> //推荐

图像标签

<img src=" " alt="图片无法显示"/> //图片不能显示时，显示文字
<img src=" " title="666"/> //鼠标悬停时显示文字 
<img src=" " width="600" height="700"/>  width设置宽  height设置高，一般设其一，因为等比
<img src=" " width="600" border="10"/> //图片设置边框

链接标签

<a href="http://www.baidu.com"> 百度</a> //外部链接
<a href="xxx.html">本地的html</a>  //内部链接
<a href="#">空</a> //暂定为一个空链接
<a href="http://www.baidu.com"> <img src="xx.jpg"/> </a>  //图像链接
<a href="http://www.baidu.com" target="_blank"> 百度</a> //在新页面打开，默认是self:当前页面打开

路径

<img src="C:\xxx\xxx\xx.gif"/> 不推荐
<img src="http://www.xxx.cn/xxx/xx.png"/> //网页照片

表格

table:表格 tr:行, td:单元格 必须放进tr里 ,th：表头单元格，caption：表格标题

border:边框 align:对齐方式 left,right,center

cellspacing:单元格外边距 , cellpadding:内边距

rowspan:跨行合并, colspan:跨列合并 →先上后下 先左后右 顺序，先合并，后删除多余的

划分结构—> thead:表格头部 ,tbody:表格主题, tfoot:表格脚注

<table border="1" width="500" height="200" align="center" cellspacing="0" cellpadding="10">
<caption>个人信息表</caption>
	<thead>
<tr>  
			<th>姓名</th> 
			<th>性别</th>  
			<th>年龄</th> 
   </tr>
	</thead>
<tbody>
<tr>  
			<td>张三</td> 
			<td>男</td>  
			<td>3</td> 
   </tr>
<tr>  
			<td>李四</td> 
			<td>女</td>  
			<td>14</td> 
   </tr>
</tbody>
<tfoot>
	<tr>
		<td>信息地址</td>
		<td colspan="2">广东东莞</td>
	</tr>
</tfoot>
</table>

表单

用户名<input type="text" value="请输入用户名" name="username"/> //text是文本框,value是内容值
密码<input type="password" name="pwd"/> //密码框


性别://name相同 即只能选一个 radio即单选
男<input type="radio" name="sex" checked="checked"/>//checked 默认选中状态
女<input type="radio" name="sex"/>

爱好://name相同   checkbox为复选框
睡觉<input type="checkbox" name="hobby">
打架<input type="checkbox" name="hobby">
篮球<input type="checkbox" name="hobby">
足球<input type="checkbox" name="hobby">

//普通按钮button需要value值
<input type="button" value="获取信息"/>
<input type="submit" value="提交所填"/>
<input type="submit" value="重置所填"/>
<!--图片提交按钮里面必须包含src属性  -->
<input type="image" src="xx./xxx.png" value="重置所填"/>

上传头像:
<!--上传文件用的-->
<input type="file"/>

label标签 
<label> 用户名<input type="text" name="username"/> </lable>//方法一：点击label直接获得表单焦点
<label for="user"> 用户名</label>   <input type="text" id="user"/>//方法二：点击label直接获得表单焦点

拓展小知识

锚点定位

<h3 id="two">第二季</h3> //跳转目标位置
<a href="#two">第二季的跳转点</a> //跳转点

设置整体链接打开状态

<head>
<base target="blank">
</head>

预格式化文本

<pre>
xxxxx
xxxx
xxx
</pre>  //能识别回车和空格 什么样就显示什么样

特殊字符

常用的三个:
&nbsp; //一个空格 
&lt; //小于号 <
&gt; //大于号 >

在这里插入图片描述

zeki豪
关注
专栏目录
学习WEB标准总结的一些CSS/XHTML知识小结第1/3页
10-30
以下是一些关于CSS和XHTML的重要知识点的总结： 1. **重置CSS样式**：由于不同浏览器对某些元素的默认样式处理不同，会导致兼容性问题。通过设置全局样式，如`* { padding: 0; margin: 0; }`或针对特定元素的样式，...
前端基础知识总结面试题
最新发布
07-24
### 前端基础知识总结面试题 #### 一、HTML篇 **1. HTML语义化** HTML语义化指的是使用正确的HTML标签来做正确的事情，这样可以使得页面内容具有良好的结构化特征，易于理解和维护。当没有样式CSS时，页面也能以...
XHTML中按钮添加超链接以及使插入图片与屏幕一样大
whh4122的专栏
10-06 1092
1、按钮添加超链接 2、插入背景图片使得图片与屏幕一样的大
html中的多行选中,HTML学习感想(5）【图像按钮、文件选择输入框、多行文本输入框】...
weixin_34310726的博客
06-28 430
单行文本输入框当type="text"时，表示该输入项的输入信息是字符串。此时浏览器会在相应的位置显示一个文本框供用户输入信息。笔者，不玩网游还差4天就两个月了。我常常觉得，过往的都是不堪回首的，但现在又何尝不是。有时候，我的脑海里会浮现一首歌：“早知道是这样 像梦一场，我才不会把爱都放在同一个地方”。只有一句，来来回回的重复나...从网上找了份web前端的面试题，有一道题是设计出既能在文本框中输...
XHTML文档结构
digitalkee的博客
07-12 410
下面是Dreamweaver自动生成的一个标准XHTML页面模板文件，包含以下代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta co
XHTML基础
yao491314的博客
07-28 329
一、XHTML基本语法规则 XHTML元素使用XHTML标记定义，每个标记都出现在一对尖括号（本文本是一个示例段落 二、XHTML文档总体结构 html> head> title>标题部分title> head> body> 文档正文部分 body> html> 三、添加XHTML文档正文 1、定义正文标题 html>
HTML介绍与基本结构
别样的博客
08-11 1108
一、HTML介绍 1. HTML是什么 （1）超文本标记语言(HyperText Mark-up Language ) （2）用来设计网页的标记语言 （3）用该语言编写的文件，以. html或. htm为后缀 （4）由浏览器解释执行 （5）不区分大小写，建议小写 2. HTML标签 （1）HTML用于描述功能的符号成为“标签” （2）标签都封装在一对尖括号“<…>”之中，如就是一个标签...
XHTML与CSS基础知识点全面解析
本文将围绕XHTML的核心知识点进行总结，主要包括标签、CSS样式和基本结构。 1. **XHTML语法基础**: - HTML/XHTML/XML三者之间的关系：XHTML是HTML（超文本标记语言）的一种实现，基于XML的语法，旨在提供更好的...
XHTML知识点
05-17
XHTML在HTML的基础上增强了语法的规范性，使得网页代码更加结构化和标准化。 一、XHTML基本结构与元素 XHTML的基本结构由文档类型声明（DOCTYPE）、HTML标签、HEAD标签和BODY标签组成。DOCTYPE声明定义了文档遵循的...
SSH基础知识之Strutsppt课件.ppt
11-12
总结来说，SSH中的Struts框架是基于MVC模式的Java Web开发解决方案，旨在通过分离关注点、提高代码复用和可维护性，帮助开发者构建高效、可扩展的企业级应用。了解并熟练掌握Struts的原理和使用，对于Java Web开发者...
HTML简介及基本结构
h_h33的博客
11-09 9639
一:HTML的定义 二：编码格式 三：html文件的基本结构 四:html设计原则
XHTML文档基本结构
weixin_30745553的博客
03-04 230
1.什么是XHTML 即是通常所说的DIV+CSS XHTML （可扩展文本标签语言）英文表示（eXtensiblet HeperText Markup Language） （XHTML是一个扮演着HTML向的XML过渡） （HTML是一种基本Web网页设计语言） 转载于:https://www.cnblogs.com/futao123/p/4314081.html...
HTML5中，《br》《br/》《br /》三者的区别？
一只苟延残喘的卑微蝼蚁
06-29 2万+
<br>是HTML写法。 <br/>是XHTML1.1的写法，也是XML写法。 <br />是XHTML为兼容HTML的写法，也是XML写法。 因为HTML5兼容XHTML写法，所以三种都可以使用，没有区别。 如果要省一到二个字节的文件大小，使用第一种。 如果要方便地转成XML而且也要省一个字节的文件大小，使用第二种。 如要要方便地转成XML而且要兼容老的浏览器，使用第三种。 因为HTML是SGML的子集，SGML允许标签没有结束标签，而换行符元素正好不需要内嵌元..
HTML自定义选取按钮（input样式的按钮）
热门推荐
legendaryhaha的博客
10-27 3万+
自定义文件上传按钮 谷歌浏览器下，默认的按钮是这个样子的： 火狐浏览器下是酱紫的： IE浏览器下是这个样子的： 个人表示真的丑陋，无法接受！ 修改 首先 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title&gt; &lt
XHTML 基础
weixin_30907523的博客
10-08 108
一、 XHTML L（是个可扩展超文本标记语言）既然是一种语言，那么他跟所有语言一样，必然有自己的一套语法规则。　　　　　　　　　　　　 二 、一个网页，也就是一个XHTML 文档，是由元素组成的。元素定义了文本和圆形在 XHTM文档中的结构。XHTML 文档的扩展名通常是html 或者 htm。XHTML元素使用XHTML 标记定义，每个标记都出现在一对尖括号（<>) 中...
linux 中mysql 如何查找默认密码
不知名博客
06-29 6258
/var/log/mysqld.log 中找不到临时密码 1.删除原来安装过的mysql残留的数据（这一步非常重要，问题就出在这） rm -rf /var/lib/mysql 2.重启mysqld服务 systemctl restart mysqld 3.再去找默认密码 cat /var/log/mysqld.log | grep password ...
关于对时间操作API使用方法
不知名博客
05-28 5627
演示 引入依赖import cn.hutool.core.date.LocalDateTimeUtil; 若比较时间中,结束时间早于开始时间,则返回负数 LocalDateTime start= act.getGmtCreate(); //开始时间 LocalDateTime end= LocalDateTime.now(); //结束时间 Duration betweenCreate = LocalDateTimeUtil.between(start,
解决idea各微服务项目无法启动问题
不知名博客
05-17 2040
原因: 关闭idea的时候,没有把微服务关闭,导致下次打开idea的时候打不开微服务 在cmd控制台输入以下命令后,即可打开各微服务项目 taskkill /f /im java.exe
关于Java8新特性Stream流的集合操作
不知名博客
08-03 1988
积累stream常用操作
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值