【1】HTML

最新推荐文章于 2024-05-17 17:22:48 发布
最新推荐文章于 2024-05-17 17:22:48 发布
阅读量506 收藏
点赞数 1
分类专栏： Java Web 文章标签： html javaweb 网页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Geek_Geek/article/details/50138769
版权

HTML

一、HTML标签

1.格式

  • <开始标签>标签体</结束标签>

  • 不区分大小写，标签名由w3c定义

2.分类

  • 单标签
    无标签体
    如：<br />
  • 双标签
    有标签体
    如：<p>XXX</p>

3.属性

  • 定义在开始标签中

  • 格式：name=”value”

  • .html与.htm无区别，.htm是为了满足dos系统仅能识别”8+3”的文件名而已

4.HTML文档结构

<html>                  网页的开始
    <head>              
        <title>xxx</title>  头部          
    </head>          
    <body>                    
        yyy                 主体    
    </body>           
</html>                 网页的结束

5.文本标签

  • 字体font(face、size、color)
  • 标题h1-h6
  • 段落p(title)
  • 上下标sup、sub
  • 换行br
  • 原位输出pre
  • 线条hr

6.列表

  • 有序列表(order list)
    <ol>
        <li>xx</li>
        <li>yy</li>
    </ol>
  • 无序列表(unorder list)
        <ul>
        <li>xx</li>
        <li>yy</li>
    </ul>
  • 自定义列表(defined list)
    <dl>
        <dt></dt>
        <dd></dd>
        <dd></dd>
    </dl>

7.HTML实体

空格      &nbsp;
<       &lt;
>       &gt;
&       &amp;
"       &quot;

8.表格标签

  • table

    属性：border、width、align、cellpadding[内边距]、cellspacing[外边距])

  • td

    属性：colspan[横跨列]、rowspan[纵跨行]

    
<table>
<caption>标题</caption> 
<tr> 
<th>表头</th>
<th>表头</th>                     
</tr>    
<tr> 
<td>单元格</td>              
<td>单元格</td>                        
</tr>    
</table>

9.表单标签

提交数据时要保证每个input标签都有name属性值，甚至是values属性值（单选、多选、下拉），否则，提交失败。

  • input type:text、password、radio、checkbox、hidden
  • name:键
  • value:值
  • select:下拉选框
  • textarea：文本输入域
<form>
<input></input>
<select>
    <option></option>
    <option></option>
</select>
<textarea></textarea>
</form>

10.超链接

  • a标签
  • 属性
    • href 链接到的页面地址
    • title 对链接页面的描述
    • target 打开方式（_self、_blank）
  • 连接到e-mail
    href="mailto:xxx@yy.zz"
  • 连接到QQ
    href="tencent://message?uin=xxx"

11.锚链接

  • 实现页面内的跳转
  • 创建锚点
<a id/name="tagName"></a>
  • 跳转到锚点
<a href="#tagName"></a>

12.图像标签

  • img标签
  • src 路径
  • alt 图像说明
  • align 对齐方式
  • border 边框
  • height 高度
  • width 宽度

13.map标签

  • 定义图像映射
    • shape表示区域形状
    • coords表示区域大小
<img src="aaa.jpg" usemap="#kkk"/>
    <map id/name="kkk">
        <area shape="circlerect" coords="aa,bb" href="xxx.html" alt="yyy"/>
    </map>

14.框架

  • 组织多个文档到一个页面中
  • frameset
    • rows/cols属性 定义各页面的排列方式和占比
  • frame
    • src属性 文档的位置
    • name属性 作为超链接的target
    • noresize属性 框架大小不可调
<frameset>
    <frame></frame>
</framset>
  • 注意：不可以放到body标签中
  • iframe画中画标签

15.文档声明

  • 作用：告知浏览器文档所使用的规范
  • 格式：<!DOCTYPE HTML>
  • 位置；位于<html>前
Lshare
关注
专栏目录
你真的熟练运用 HTML5 了吗，这10 个酷炫的 H5 特性你会几个？
努力是为了站在万人之中，成为别人的光
07-05 26万+
HTML5不是什么新鲜事。自初始版本（2008 年 1 月）以来，我们一直在使用它的几个功能。我再次仔细查看了 HTML5 功能列表。看看我发现了什么？到目前为止，我还没有真正使用过很多！ 在本文中，我列出了 10 个这样的HTML5功能，这些功能过去我用得不多，但现在发现它们很有用。我还创建了一个工作示例流程并托管在Netlify. 希望你也觉得它有用。让我们开始了解有关它们中的每一个的解释、代码和快速提示。 https://wanghao221.github.io/html-tips-tricks/
制作一个简单HTML个人网页网页（HTML+CSS）
热门推荐
weixin_46153254的博客
12-04 35万+
制作一个简单的HTML个人网页
HTML学习总结
ChenJ_1012的博客
03-16 8029
Wattson的HTML学习总结 0. 何为HTML HTML是超文本标记语言（HyperText Markup Language）的缩写。我们用HTML来构建web即所谓的网页。 Hypertext 是指链接单个网站内或多个网站间的网页的链接。 链接是网络的一个基本方面。 <font color=#0099ff size=4 ><strong>HTML</strong></font> 定义了网页内容的含义和结构。除了HTML以外的其他技术通常用来描述一个网页
HTML模块概要
留缘的博客
05-29 1万+
HTML基本结构标签属性语义标签结构化语义标签列表超链接超链接2图片内联框架音视频 基本结构 <html> <head> <title>我是谁</title> </head> <body> <h1>悯农二首</h1> <!-- html注释，被浏览器忽略 用来解释说明
html实例，实现表单
aigo_2021的博客
03-29 7230
1.使用HTML完成下列功能 <!doctype html> <html> <head> <!-- <meta charset="GBK">--> </head> <body> <table width="60%" border="3" align="center" bgcolor="#F0F8FF" borderColor="blue"> <tr> &l.
HTML简略
JiuMeilove的博客
07-03 2万+
HTML简略HTML简介什么是HTML?HTML 标签HTML 元素HTML 网页结构HTML版本 声明通用声明 HTML简介 HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。 超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本
HTML实现点击左侧菜单，右侧内容切换
u012972294的博客
12-19 6481
大概逻辑 就是建立一个首页，然后将页面分为左右两部分，左边负责切换，右侧负责页面展示，通过标签的顺序号进行 页面切换，左边点击第三个，右边则显示第三个页面连接对应的页面，UI优化就不多做描述了。完整代码如上，当前页面为index.html ，需要另外建三个测试页面a.html、b.html、c.html。
html中权重等级
龙先森的博客
09-05 5794
1. !important,加在样式属性值后，权重值为10000 2. 内联样式，如：style=""，权重值为1000 3. ID选择器，如：# content权重为100 4. 类，伪类，属性选择器如：content、：hover权值为10 5. 标签选择器和伪元素选择器，如：div、p、：before权值为1 6. 通用选择器(*)、子类选择器(>)、相邻选择器(+)、同胞选择器(~)...
nginx不缓存html
wangwenzhe的博客
06-15 3487
方式1:直接在loacation模块下加入如下参数:# 配置页面不缓存html和htm结尾的文件 if ($request_filename ~* .*\.(?:htm|html)$) { add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate"; }方式2:location下配置 表示最长过期时间，即一直缓存。
HTML动画及过渡效果
weixin_43812678的博客
08-12 4193
HTML动画及过渡效果 1.动画 1) 动画定义 @keyframes 动画名称{ from { } to{ } } =》 @keyframes 动画名称{ 10% { } 20%{ } … 100%{ } } 2) 动画应用 animation-name:动画名称; animation-duration: 动画持续时间 5s; animation-delay: ...
在jupyter notebook中运行html代码的实战代码
weixin_43178406的博客
09-02 4万+
本文主要介绍了在jupyter notebook中运行html代码的实战代码，希望能对使用jupyter notebook的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
HTML期末设计——代码篇
greengirl5的博客
06-22 13万+
事先声明 这个网页设计也就是用了我学到的知识做的一个中规中矩的网页，可以给以后的大一新生们做个参考，和商业网站的效果肯定是没得比的，期望太高的可以关掉了 引入页 效果图： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>欢迎来到香氛密语</title> <style>
HTML爱情树
最新发布
兔子王
05-17 2万+
HTML爱情树完整代码。
使用 HTML、CSS、JS 和 API 制作一个很棒的天气 Web 应用程序
努力是为了站在万人之中，成为别人的光
07-25 4万+
今天我将使用 Wea​​ther 和 Unsplash API 以及倾斜效果和玻璃形态外观创建凉爽的天气应用程序 ⛅ Weather.io ☔⚓ 第 1 步 - 设置环境并收集所有资源 第 2 步 - 从 index.html 开始 第 3 步 - 设置索引文件的样式 第 4 步 - 获取 Weather API 和 Unsplash API 密钥 第 5 步 - 从 JavaScript 编码开始 第 6 步 - 免费托管您的网站！
HTML中的checked问题
技术路漫漫
12-02 4368
HTML中的checked问题问题描述在下面这段代码中使用了EL表达式，通过嵌入的js代码知道，第一个弹窗是true，第二个是false。然后浏览器显示的结果是选了女。当时我就纳闷了…... <td> <%--${user.gender eq "male"?"checked":""} --%> <input type="radio" name="gender" id="gen
【13】编码、解码与乱码
技术路漫漫
01-01 2612
编码、解码与乱码一、常用字符集和编码1.ASCII美国信息交换标准代码 编码规则：7位表示一个字符，共128个字符 缺点：只能显示26个拉丁字母、阿拉伯数字和英文标点符号 2.EASCII欧洲扩展字符集 编码规则：8位表示一个字符，共256个字符 缺点：虽解决了部分西欧语言的字符显示问题，但对其他更多的语言依然无力 3.GB2312/GB2312-80等中文字符集 编码规则：把127号的字符取消掉（
【12】Servlet中的默认映射问题
技术路漫漫
01-01 2256
问题描述Servlet中配置了缺省路径后，原先在WebRoot中的静态页面无法通过URL访问了，为什么？尝试已经做的努力： 将文件后缀改为.jsp后可以正常访问 将缺省映射删除后可以正常访问 原有的index.jsp可以正常访问 拨开迷雾tomcat在/conf/web.xml中定义了”/”到DafaultServlet的映射,在DafaultServlet中有renderHTML和renderXM
【10】HTTP协议
技术路漫漫
01-01 1231
HTTP协议规范服务器和浏览器之间数据传输的格式一、查看浏览器与服务器间的通讯过程 IE使用httpwatch chrome使用审查元素(network) 使用telnet(telnet host port) 二、HTTP请求1.请求行 请求方式 GET：提交数据在请求URI，大小不能超过1k，会产生缓存文件 POST：提交数据在实体内容，大小无限制，不会产生缓存文件 请求资源 协议名和版本
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值