ウェブサイトのデザインとプログラミング

最も基本的なWebサイトのデザインはhtml(ハイパーテキストマークアップ言語)であり、中国語はハイパーテキストマークアップ言語です。この言語で最も重要なのはマークアップで、Webページは実際には単純なマークアップのセットです。

マークとは?

タグは、htmlファイルを解析して、含まれているテキスト、イメージ、およびビデオコンテンツを識別するためにブラウザによって使用されるシンボルです。その症状は通常、<>内にあります。たとえば、次のとおりです。

<head>では、headはタグです。ブラウザーが<head>に解決されると、ヘッダーとして識別されたコンテンツを処理します。

タグは通常、<head>と</ head>のようにペアで表示されます。では、マークによって識別されるコンテンツはどこにありますか?

ペアのタグの中央にコンテンツが表示されます。たとえば、<head>あなたはいい人です</ head>の場合、ブラウザは「あなたは良い人です」というメッセージが、合意したヘッドタグに従って「あなたは良い人です」というメッセージを処理します。

<head>あなたはいい人です</ head>は、htmlの最も基本的な要素を構成します。開いているhtmlファイル全体が、このフォームに表示されているものです。

<html>
<head>
    
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta content="always" name="referrer">
    <meta name="theme-color" content="#2932e1">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="search" type="application/opensearchdescription+xml" href="/content-search.xml" title="百度搜索" />
    <link rel="icon" sizes="any" mask href="//www.baidu.com/img/baidu_85beaf5496f291521eb75ba38eacbd87.svg">
	
	
	<link rel="dns-prefetch" href="//s1.bdstatic.com"/>
	<link rel="dns-prefetch" href="//t1.baidu.com"/>
	<link rel="dns-prefetch" href="//t2.baidu.com"/>
	<link rel="dns-prefetch" href="//t3.baidu.com"/>
	<link rel="dns-prefetch" href="//t10.baidu.com"/>
	<link rel="dns-prefetch" href="//t11.baidu.com"/>
	<link rel="dns-prefetch" href="//t12.baidu.com"/>
	<link rel="dns-prefetch" href="//b1.bdstatic.com"/>
    
    <title>百度一下,你就知道</title>
これはBaiduのホームページのソースコードの一部です(ページのソースコードを右クリックして取得できます)。

この時点で、原理を理解し、head、title、h1、body、div、frameset、a、p、imgなどの一般的に使用されるいくつかのタグを書き留めれば、htmlの基本的なコンテンツを習得しました。

しかし、優れたHTMLで美しいWebページを作成する方法は非常に技術的であり、レイアウトは困難です。幸いにも、CSSなどの他の言語で設計を完成させることができます。もちろん、複雑なウェブサイトにはデータ操作などの他のテクノロジーが必要なので、ここでは紹介しません。

42件の元の記事を公開 賞賛4 10,000以上のビュー

おすすめ

転載: blog.csdn.net/wangyhwyh753/article/details/79175059