当前位置: 首页 > news >正文

WEB前端复习——HTML

固定格式:开头<!DOCTYPE html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>标题名字</title>
</head>
<body></body>
</html>

注解:<!> 通用格式:xx = " " eg.bgcolor="red" 

body属性 <body bgcolor="red" >

bgcolor 背景色

text 文本颜色

link 待链接文本颜色

alink 正在链接颜色

vlink 连接后颜色

background 文档背景


字体标记

<b>粗体</b>

<i>斜体</i>

<blink>闪烁字</blink>

<sub>下标</sub>

<sup>上标</sup>

水平线 <hr>

标题<h1 align="center"></h1>~h6

<p>段标签</p>

<br>换行

<center>居中</center>

<marquee>滚动标签</marquee>


无序列表unorder list

<body><ul><li> 第一个元素 </li><li>第二个元素</li></ul>
</body>

有序列表 order list

<body><ol><li> 第一个元素 </li><li>第二个元素</li></ol>
</body>

样式<ul type="">

定义式列表

<body><dl><dt>不空行顶格</dt><dd>正文空2格</dd></dl>
</body>

文本级标记

1.超文本 跳转网页 (<a href="url"></a> target="_blank" 空白页跳转)

<body><a href="https://www.csdn.net/">点击跳转</a>
</body>

跳转另一个段落 (#表示当前文档 )

    <a href="#me">点击跳转</a><p>哈哈哈哈我好帅</p><p>第二段</p><a name="me">firstpage</a><p>最后一段</p>

2.网页中插入图像(还可加width="100px" height="xx")

<img src="url" alt="自动显示的文字">

ps.文字与图像对齐:align="top/middle/bottom/left/right"

跳转至图片

 <a href="URL">dianjitiaozhuan</a>

3.插入音频或视频

音频:au\wav\aiff\snd

视频:mpeg

同理使用a标签


表格(<th>总标题、td属性 colspan="跨列数量" rowspan="2"跨行数量 align、height、width、border、bordercolor)

    <table border="1"><tr><td>单元格1</td><td>2</td></tr><tr><td>tr为行</td><td>td为列</td></tr></table>

框架(不能放在Body中)

   <!-- 按行分割 --><frameset rows="40%,60%"><frameset clos="15%,85%"><!-- 按列分割 --><frame SRC="ht.html" scolling="no" noresize="noresize"></frame> </frameset></frameset>

特殊字符:

空格&nbsp

< &lt

>&gt 

& &amp


图标:<link rel="stylesheet" href="./1.jpg" type="image-icon">

指定2秒自动刷新跳转

 <meta http-equiv="refresh" content="2;URL=https://www.csdn.net/">

http://www.lryc.cn/news/346793.html

相关文章:

  • Java医院绩效管理应用系统源码java+ maven+ avue 公立医院绩效考核管理系统源码 支持二开
  • 湖南知识付费系统开发公司,教育机构如何提高转化率?有哪些途径?
  • Goland GC
  • 【SRC实战】合成类小游戏外挂漏洞
  • 【牛客】SQL206 获取每个部门中当前员工薪水最高的相关信息
  • 2024年最新趋势跨境电商平台开发需了解的新技术
  • Mac 查看jdk版本
  • C++面向对象学习笔记五
  • 7-Zip 的使用技巧
  • 德国储能项目锂电池储能集装箱突发火灾:安全挑战再引关注
  • FFmpeg常用API与示例(二)—— 解封装与转封装
  • 笨方法自学python(一)
  • centos7.9升级4.19内核
  • 神经网络模型与前向传播函数
  • 跟我学C++中级篇——内联补遗
  • SLAM 面试题
  • csapp proxy lab part 1
  • TCP三次握手四次挥手 UDP
  • 哈希表(unordered_set、unordered_map)
  • Docker 加持的安卓手机:随身携带的知识库(一)
  • 本地连接服务器Jupyter【简略版】
  • sql 注入 1
  • Excel中实现md5加密
  • 写SQL的心得
  • 经典权限五张表功能实现
  • 实验八 Linux虚拟内存 实验9.1:统计系统缺页次数成功案例
  • SD-WAN提升Microsoft 365用户体验
  • C#中的异步编程模型
  • 博通Broadcom (VMware VCP)注册约考下载证书操作手册
  • Xilinx FPGA底层逻辑资源简介(1):关于LC,CLB,SLICE,LUT,FF的概念