Полный список практических кодов веб-страниц HTML [легко понять]
Всем привет, мы снова встретились, я ваш друг Цюаньчжаньцзюнь.
【1】:Символ
- <p>абзац</p>
- <h>заголовок</h>(h1—h6)
- <br>：новая строка
- <hr>：разделение Проволока
- левая и правая угловые скобки：<>
- &Выражено как：&
- “Выражено как："
- табличная форма
- <table>
- <thead></thead>
- <tbody><tr><td></td></tr></tbody>
- <tfoot></tfoot>
- </table>
【2】:Шрифт
- Переместить шрифты（вращающаяся дверь）：<marquee>характер</marquee>
- Жирный шрифт：<b>характер</b>
- шрифт курсив：<i>характер</i>
- Подчеркивание шрифта：<u>характер</u>
- шрифтудалить Проволока：<s>характер</s>
- шрифтувеличивать：<big>характер</big>
- шрифтконтрольный размер：<h1>характер</h1>(вшрифт Размеры могут варьироваться отh1—h6)
- шрифтконтрольный размер：<font size=”12px”>характер</font>
- шрифтконтрольцвет：<font color=”цвет”>характер</font>(цвет Выражение：Способ 1：Представление английского слова；Способ 2：#000000~#ffffff)
- шрифтконтрольцвет：<p style=”color: цвет”>стиль</p>（цвет Выражение：Способ 1：Представление английского слова；Способ 2：#000000~#ffffff）
- оригинальныйшрифтстиль：<pre>характер</pre>
[3]: Атрибуты тега body
свойство | Функция |
|---|---|
background | Управление фоном веб-страницы (например, цветом, размером фонового изображения и т. д.) |
color | Управление цветом шрифта |
font | Управляющее свойство шрифта (например: шрифт) |
【4】:Особый стиль.
Открыть соединение в новом окне：<a href="Целевой путь для перехода" target=”_blank”>быть введеннымхарактер</a> （
Удалить подчеркивание Проволокасвязь：<a href="Целевой путь для перехода" style=”text-decoration: none” target=”_blank”>быть введеннымхарактер</a>
публиковать музыку：<embed src="Музыкальный адрес" ширина = «ширина» высота = «высота» type=audio/mpeg autostart=”false”>
Опубликовать веб-страницу：<iframe src="адрес веб-страницы" ширина = «ширина» высота = «высота»></iframe>
палкаflash：<embed src="флеш-адрес" ширина = «ширина» высота = «высота»>
палка Файлы фильмов и телевидения：<img dynsrc="адрес файла" ширина = «ширина» высота = «высота» start=mouseover>
Исправлен фон сообщения, который не прокручивался с помощью полосы прокрутки.：<body background="Адрес фонового изображения" body bgproperties=fixed>
Фон сообщенияцвет：<body bgcolor=”цвет”>
Опубликовать фоновую музыку：IE:<body bgsound="Адрес фоновой музыки" loop=infinite>илиNS:<embed src="Файл фоновой музыки" autostart=true hidden=true loop=true>
Опубликовать веб-страницу：<iframe src="целевой адрес" ширина = «ширина» высота = «высота»></iframe>
Игнорировать щелчок правой кнопкой мыши：<body οncοntextmenu=”return false”>и<body style=”overflow-y:hidden”>
Фоновое изображение не перемещается при перемещении страницы:
Пусть браузер не сохраняет страницу：<NOSCRIPT><iframe src=”*.html”></iframe></NOSCRIPT>
Окно закрывается регулярно:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Способ 1</title>
<script language="JavaScript">
function colseit() {
setTimeout("self.close()",10000)
}
</script>
</head>
<body onload="colseit()">
<p>я люблю учиться</p>
<p>научись любить меня</p>
<p>пристрастился к обучению</p>
<p>Не могу с собой поделать</p>
</body>
</html>
<-------------------------------------------------------->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Способ 2</title>
<style type="text/css"></style>
</head>
<body onload="setTimeout(window.close,3000)">
<p>я люблю учиться</p>
<p>научись любить меня</p>
<p>пристрастился к обучению</p>
<p>Не могу с собой поделать</p>
</body>
</html>
<-------------------------------------------------------->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Способ третий</title>
</head>
<body bgcolor="f0d070" vlink="3300fc">
<table border="0" width="288">
<tr>
<td class="cc1">Пример автоматического закрытия окна</td>
</tr>
</table>
<script language="JavaScript">
function clock() {
i=i-1;
document.title="Это окно автоматически закроется через "+i+" секунд";
if(i>0) setTimeout("clock()",1000);
else self.close();
}
var i=10;
clock();
</script>
</body>
</html>Веб-страница автоматически обновляется:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Веб-страница обновляется автоматически</title>
<meta http-equiv="refresh" content="5">
<!--5для5Автоматически обновляться через несколько секунд-->
</head>
<body>
<p>я люблю учиться</p>
<p>научись любить меня</p>
<p>пристрастился к обучению</p>
<p>Не могу с собой поделать</p>
</body>
</html>Веб-страница автоматически перескакивает:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Веб-страница автоматически перескакивает</title>
<meta http-equiv="refresh" content="5;URL=demo1.html">
<!--5Автоматически прыгать через несколько секунд-->
</head>
<body>
<p>Ха-ха</p>
</body>
</html>Вернуться на предыдущую страницу:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Вернуться на предыдущую страницу</title>
</head>
<body>
<a href="javascript:history.back(1)">【Вернуться на предыдущую страницу】</a>
</body>
</html>Закрыть окно:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Способ 1</title>
<script type="text/javascript">
function show() {
alert("Нажатие [ОК] автоматически закроет окно");
window.opener=null;
window.open("","_self");
window.close();
}
</script>
</head>
<body onload="show()">
<p>я люблю учиться</p>
<p>научись любить меня</p>
<p>пристрастился к обучению</p>
<p>Не могу с собой поделать</p>
</body>
</html>
<----------------------------------------------------->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Способ 2</title>
</head>
<body>
<a href="javascript:self.close()">【закрыть окно】</a>
</body>
</html>Отменить выбор：<body onselectstart=”return false”>
предотвращатькопировать：<body οnpaste=”return false”>
предотвращатьпалкапалка：<body onselectstart=”return false”>
Отменить выбор：<body onselectstart=”return false”>
удалить Подтвердите, когда：<a href=”javascript:if(confirm(‘обязательноудалить?？’))location=’boos.asp?&areyou=удалить&page=1′”>удалить</a>
ВоляIEЗамените значок перед адресной строкой на установленный вами значок.：<link rel=”Shortcut Icon” href=”biaozhi1.ico”>（надевать<head></head>между）
Отображение собственных значков в избранном：<link rel=”Bookmark” href=”biaozhi1.ico”>（надевать<head></head>между）
Всегда носите с собой раму:
<script language="JavaScript">
if(window==top){top.location.href="адрес кадра";}
</script>Простое шифрование страницы:
<script language="JavaScript">
function loopy() {
var sWord="";
while(sWord!="login"){
sWord=prompt("Пожалуйста, введите пароль для входа");
alert("Вход успешен!");
}
loopy();
}
</script>Использование клавиш Shift, Ctrl, AltФункция запрещено:
<script>
function look() {
if(event.shiftKey){alert("Использование клавиши Shift запрещено")}
if(event.altKey){alert("Клавиша Alt запрещена")}
if(event.ctrlKey){alert("Использование клавиши Ctrl запрещено")}
}
document.onkeydown=look;
</script>Отменить вертикальную полосу прокрутки：<body style=”overflow: scroll;overflow-y: hidden”>
Отменить горизонтальную полосу прокрутки：<body style=”overflow: scroll;overflow-x: hidden”>
Отменить полосу прокрутки（турникивертикальная полоса）：<body scroll=”no”>
Установить размер открытой страницы：<body οnlοad=”top.resizeTo(ширина,высокий)”>
Форма подачи заявки на обработку электронной почты:
<form name="form1" method="post" action="mailt****@***.com" enctype="text/plain">
<input type="submit">
</form>Проверьте, состоит ли строка полностью из чисел:
<script language="JavaScript">
function checkNum(str) {
return str.match()==null;
}
alert(checkNum("121312312312"));
alert(checkNum("190900m2312"))
</script>Изменить форму курсора：<span style=”cursor: move”>Auto</span>
Издатель: Лидер стека программистов полного стека, укажите источник для перепечатки: https://javaforall.cn/136294.html Исходная ссылка: https://javaforall.cn
Неразрушающее увеличение изображений одним щелчком мыши, чтобы сделать их более четкими артефактами искусственного интеллекта, включая руководства по установке и использованию.
Копикодер: этот инструмент отлично работает с Cursor, Bolt и V0! Предоставьте более качественные подсказки для разработки интерфейса (создание навигационного веб-сайта с использованием искусственного интеллекта).
Новый бесплатный RooCline превосходит Cline v3.1? ! Быстрее, умнее и лучше вилка Cline! (Независимое программирование AI, порог 0)
Разработав более 10 проектов с помощью Cursor, я собрал 10 примеров и 60 подсказок.
Я потратил 72 часа на изучение курсорных агентов, и вот неоспоримые факты, которыми я должен поделиться!
Идеальная интеграция Cursor и DeepSeek API
DeepSeek V3 снижает затраты на обучение больших моделей
Артефакт, увеличивающий количество очков: на основе улучшения характеристик препятствия малым целям Yolov8 (SEAM, MultiSEAM).
DeepSeek V3 раскручивался уже три дня. Сегодня я попробовал самопровозглашенную модель «ChatGPT».
Open Devin — инженер-программист искусственного интеллекта с открытым исходным кодом, который меньше программирует и больше создает.
Эксклюзивное оригинальное улучшение YOLOv8: собственная разработка SPPF | SPPF сочетается с воспринимаемой большой сверткой ядра UniRepLK, а свертка с большим ядром + без расширения улучшает восприимчивое поле
Популярное и подробное объяснение DeepSeek-V3: от его появления до преимуществ и сравнения с GPT-4o.
9 основных словесных инструкций по доработке академических работ с помощью ChatGPT, эффективных и практичных, которые стоит собрать
Вызовите deepseek в vscode для реализации программирования с помощью искусственного интеллекта.
Познакомьтесь с принципами сверточных нейронных сетей (CNN) в одной статье (суперподробно)
50,3 тыс. звезд! Immich: автономное решение для резервного копирования фотографий и видео, которое экономит деньги и избавляет от беспокойства.
Cloud Native｜Практика: установка Dashbaord для K8s, графика неплохая
Краткий обзор статьи — использование синтетических данных при обучении больших моделей и оптимизации производительности
MiniPerplx: новая поисковая система искусственного интеллекта с открытым исходным кодом, спонсируемая xAI и Vercel.
Конструкция сервиса Synology Drive сочетает проникновение в интрасеть и синхронизацию папок заметок Obsidian в облаке.
Центр конфигурации————Накос
Начинаем с нуля при разработке в облаке Copilot: начать разработку с минимальным использованием кода стало проще
[Серия Docker] Docker создает мультиплатформенные образы: практика архитектуры Arm64
Обновление новых возможностей coze | Я использовал coze для создания апплета помощника по исправлению домашних заданий по математике
Советы по развертыванию Nginx: практическое создание статических веб-сайтов на облачных серверах
Feiniu fnos использует Docker для развертывания личного блокнота Notepad
Сверточная нейронная сеть VGG реализует классификацию изображений Cifar10 — практический опыт Pytorch
Начало работы с EdgeonePages — новым недорогим решением для хостинга веб-сайтов
[Зона легкого облачного игрового сервера] Управление игровыми архивами
