編集

HTMLで何か作ってみた!(第1回)

2
 
アイキャッチ

使いやすくしてサービス化しました。アップデートも続けています。 

スタートページ

undefined

今回は、ブラウザのスタートページ的なものを作ったので、その紹介です!

 何故作ったの?

 え~とhtmlのコードについて知りたかったからです!

 きっかけは、?

 「プログラミング」が得意だから

 使い方

 1. ファイルをダウンロード
 2. 「index2.html」を探す
 3. Chrome等で開く
 4. ブラウザアプリの設定から今のを設定する
 5. 完了!

 ダウンロード

 ※↓のリンクを押すとすぐにダウンロードが開始されます。。

start-page v2.9.html

undefined

ダウンロードリンクは、githubに変更しました。

ソースコード

<!DOCTYPE html>
<html lang="ja">

		<link rel="icon" href="ic_launcher_browser.png">
	<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>スタートページ</title>
     </head>
	<script async src="https://cse.google.com/cse.js?cx=c458821f9d0bd44e1">
</script>
<div class="gcse-search"></div>
<body bgcolor="#000000">
	<font color="ffffff"font>
		<script type="text/javascript">
    alert('こんにちはーダウンロードありがとうございます');
   alert('簡単な説明をします。【このアラートがうざくても、このサイトは、出さないに✅をいれないでね!】');
   alert('1. サイト上部の検索バーを押して好きなことをググる');
   alert('不定期にこのファイルをアップデートしているので適時GoogleDriveを見ておいてくださいね!');
   </script>
		<h2>ようこそ!<h2>
	<pre class="prettyprint linenums">お知らせ:新バージョンが配信されたかは、<a href= "https://drive.google.com/file/d/1ZhQaDyv3oUQYl5km0-djLFVWGZ4GY3F1/view?usp=drivesdk" >こちら</a>をご覧ください
	<br>このファイルを共同編集されたい方は、<a href= "https://drive.google.com/file/d/1FhwHfXrX8H0MSYkQRLJm9EHVJk6E0a3m/view?usp=drivesdk" >こちら</a></pre>
<div><p></p><div class="separator" style="clear: both; text-align: center;"><a href="http://google.com" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="70" data-original-width="70" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQvrUaE3Ri9Jc41tB61cURxAXr9vnOiZW--WUs5ZaYVFy-hPeh5xl27rqA3&amp;s" title="google" /></a><a href="http://gmail.com" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="70" data-original-width="93" height="70" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS0zykNcUEK6LnQhXM67dS0pd0-TtcFXq6TaRiBAem5Qp7XzbRjWN1QlWbi&amp;s" width="93" /></a></div></div><br /><br /><div style="text-align: left;"><a href="https://about.google/products/#!/recommended" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="70" data-original-width="67" height="90" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTuIz9tPaEZ6OvMLl7KWW1Hv1hsLmp2DhfmADRzvy7B6vpGBvS9x78NFui3IQ&amp;s" width="87" /></a><br /></div>

<div class="separator" style="clear: both; text-align: center;"><a href="chrome-native://bookmarks/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="70" data-original-width="70" height="70" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSESqHHWkKMSEK0gWTInAOXWqCaekJ5t--F7Wi7vQpdXR03-MMhqphLgpwX&amp;s" width="70" /></a></div><p><a href="Chrome://history" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="70" data-original-width="70" height="70" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQmldaXgW7bWwCtOTrmOSQuhCSiJJ0YLKIg8GADdyQ-sJ09GDE9Q01KT1eymg&amp;s" width="70" /></a></p>
Designed by <a target="_blank" rel="noopener" href="https://djug-blog.blogspot.com/2022/10/html-site.html?m=0">プロジェクト情報</a>
​作成者 <a target="_blank" rel="noopener" href="https://www.blogger.com/profile/01718926988159692152">djug</a>
mail:<a href="mailto:mds.djughpsuport.ip@uma3.be" target="_blank">作成者へのお問い合わせ</a></td>
<text>v2.9<text>  
				<body> 
			</head>
			<html> 

 おまけ

 カスタマイズしてもいいの?

 良いですよ!

 再配布していいの?

 いいですが、少しでも変更を加えたら再配布可能とします!