Webフロントエンド調査は1つに注意します

HTMLとは何ですか?

  • HTMLは、ハイパーテキストマークアップ言語を指す(H yper  T EXT  M ARKUP  Lのanguage)
  • HTMLはプログラミング言語ではなく、マークアップ言語 (マークアップ言語)です。
  • マークアップ言語はマークアップタグのセットです (マークアップタグ)
  • HTMLはマークアップタグ使用してWebページを記述します

主な効果:

  • データの提示を行う

HTMLタグ:

  • HTMLタグは通常、<body>と</ body>のようペア表示さます
  • 単一のタグは、改行<br/>、<メタ/>などの単一のオカレンスです。
  • ダブルラベルペアの最初のラベルは開始ラベルであり、2番目のラベルは終了ラベルです

HTMLドキュメント= Webページ

  • Webページを説明するHTMLドキュメント
  • HTMLドキュメントには、HTMLタグとプレーンテキストが含まれています
  • HTMLドキュメントはWebページとも呼ばれます
  •  

sublime_textソフトウェアを使用してhtmlを記述します

  1. ファイル保存パスを選択
  2. ソフトウェアを開く->ファイル->新しいファイル、
  3. 保存してコマンド:命名形式:  file name.html
  4. コードを書く->ショートカット:+ Tab(このショートカットを使用すると、一般的に使用されるコードをすばやく生成して、作業負荷を軽減できます)

1.htmlソースコード

<!DOCTYPE html>   
<html lang="en">      
<head>
	<meta charset="UTF-8">
	<title>我的第一个Html 标题</title>
</head>

<body>
	<div Align="center">
	<H1>登录</H1>
		<form ction = "2.html">
			<p>用户名:<input type = "text"/><br/></p>
			<p>密码:<input Password = "text"/><br/></p>
            <p><input type="submit" value="提交"><br/></p>
		</form>
	</div>

    <div Align="center">
	<H4>性别</H4>
		<form ction = "2.html">
			<p><input type="radio"  value="1">男<br/></p>
			<p><input type="radio"  value="2">女<br/></p>
			<p><input type="submit" value="提交"><br/></p>
		</form>
	</div>

</body>
</html>

2.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<H1>跳转成功</H1>
	<a href="http://www.Baidu.com.cn/" target="_blank">Visit Baidu!</a>
</body>
</html>

ソースコードの詳細な紹介

<!DOCTYPE html>           /*DOCTYPE :  Document 与 Type 的简写 ,表示文件头: 页面的响应数据类型*/
<html lang="en">          /*lang : Language 语言的意思 ;   en表示英文;   zh-cn 或者 cn 表示中文*/
<head>                         /*Head 表示html的头的部分*/
    <meta charset="UTF-8">      /*Meta ---metadata  : 源数据     UTF-8 ----Unicode码 全世界的通用码*/
    <title>我的第一个Html 标题</title>    /*Title :表示文档的标题*/
</head>

<body>                           /*Body 表示html的正文的部分*/

<div Align="center">       /*div :分区标签   Align="center" :居中*/
    <H1>正文标题</H1>        /*HTML 正文标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。<h1> 定义最大的标题。<h6> 定义最小的标题。*/

    <form ction = "2.html">                      /* Form---表单     该标签一般不会单独使用 会和input标签联合使用/

            <p>用户名:<input type = "text"/><br/></p>     /*Text ----文本框 */
            <p>密码:<input Password = "text"/><br/></p>    /*Password ----密码框*/
            <p><input type="submit" value="提交"><br/></p>   /*Submit ----提交按钮*/
    </form>

</div>

</body>
</html>

 

おすすめ

転載: blog.csdn.net/weixin_49472648/article/details/110244353