スタイルと機能（フォーラム、掲示板、支払い、ユーザーログインなど）を決定します。
アーティストは、Web ページのレンダリング (ホームページ、リスト ページ、コンテンツ ページ) を作成します。
制作スタッフが写真を切り抜き、ウェブページの形式に組版します。
バックグラウンドプログラムがプログラムの作成を開始します。
フロントデスクとバックデスクの統合。
注: コメントは将来のメンテナンス用にのみ使用されます。
<ul><li>内容</li> <li>内容</li> <li>内容</li></ul>
l タイプ: 弾丸の種類、値: 円盤 (小さな黒い点)、円 (円)、正方形 (実線の正方形)
<ol> <li>内容</li> <li>内容</li> <li>内容</li></ol>
＆lt; ol＆gt;私、私開始:番号からナンバリング
<marquee> 内容…..
</marquee>
ログイン後にコピー
共通属性
方向: スクロール方向、値: 上、下、左、右
幅: スクロール幅
高さ: スクロールの高さ
BgColor: スクロールの背景色
ScrollAmount: スクロールステップ値
ScrollDelay: 2 つのステップ間の滞在値
Loop: ループスクロール数
構文形式: 属性 = " 値" >
共通属性:
幅: 画像の幅。
高さ: 画像の高さ。
境界線: 画像の境界線。
Src: 画像のパス。
整列: 左、中央、右。 (グラフィックとテキストを混合した効果を実現できます)
Hspace: 画像とテキスト間の左右の間隔。
Vspace: 画像とテキストの間の上下の間隔。
文法形式: attribute="value">content
共通属性:
Href： 対象ファイルアドレスURL。
ターゲット: オープンメソッド。 _blank: 新しいウィンドウ、_self: このウィンドウ、_parent: 前のウィンドウが開きます、top: 最上位のウィンドウが開きます。
名前: 描画ポイントの名前を定義します。
mailto
#空のリンク。
3つの方法
:色の言葉:青、緑、赤、黄色。
10 進数表現: rgb (255, 0, 0)
16 進数表現 #FF0000 (赤)、#00FF00 (緑)、#0000FF (青)
アンカーリンク（1） 设置网页搜索关键词
（2） 设置网页描述信息
l 所有标记和属性全部小写
l 单边标记必须关闭。如：
-----
l 所有的属性值都必须加引号。
l 所有属性都必须有值。如：
l 标机之间要顺序嵌套，外层套内层。
l Xhtml网页必须有DTD文档类型定义代码
DTD文档类型定义
三大类型：
（1）结构：(一行四列)
<table border=“1”> <tr><td> </td><td> </td><td> </td><td>< /td> </tr></table>
（2）border属性：
Width：宽度
Height：高度
Border：边框
Bordercolor：边框颜色
Bgcolor：表格背景色
Background：背景图片
Cellpadding：单元格与内容距离
Cellspacing：单元格与单元格距离
Rules：合并边框线，取值：all
（3） tr属性：
bgcolor
align
height：水平：left、center、right
valign：垂直：top、middle、bpttom
（4） td属性：
colspan：合并单元格（左右）
rowspan：合并单元格（上下）
background
width
height
bgcolor
align
valign
（1）结构：
<form name=”form1” method=“get” action=“login.php”> 用户名：<input type=”text” name=”username”/> 密码：<input type=”password” name=”userpwd”/> <input type=”submit” value=”提交表单”/></form>
（2）标记属性----块元素
name
method:提交方式 get、post
action：指定表单的处理程序，一般是PHP文件
enctype：指定表单数据的编码方式。只能在method=post情况下。
application/x-www-form-urldecoded //默认加密方式
multipart/form-data //上传文件，值是他自己
（3）get和post方法
Get提交方式：将表单数据追加到action指定的处理程序的后面，然后向服务器发出请求。不安全
如果某个表单元素，不想往服务器传递数据，那么，name可以不用写。
POST提交方式：POST提交的数据相对安全，可以提交海量数据，可以上传附件。
语法格式：属性=“值”>
属性：
name：文本框的名字
Type：表单元素类型
Value：文本框的值
Size：文本框的长度
Maxlength：最多可以输入多少个字符。
Readonly：只读属性。可以选中，但不能修改。Readonly=“readonly”
Disabled：禁用属性 同上。
语法格式：
属性：
name：文本框的名字
Type：表单元素类型
Value：文本框的值
Size：文本框的长度
Maxlength：最多可以输入多少个字符。
Readonly：只读属性。可以选中，但不能修改。Readonly=“readonly”
Disabled：禁用属性 同上。
语法格式:男
女
属性：
name：元素名称
Checked：默认选择checked=“checked”
Value：值
语法格式： 游戏
杀人
放火
属性：
name：元素名称
Checked：默认选择checked=“checked”
Value：值
语法格式：
<select name=””> <option value=”北京”>北京</option> <option value=”天津”>天津</option> <option value=”重庆”>重庆</option></select>
Selected：默认选中
层叠样式表方式改下拉列表宽度：type=”width:100px”
语法格式：
属性：
name：元素名称
Cols：宽度
Rows：高度
提交按钮
重置按钮
图片按钮
普通按钮
普通按钮本身不具备任何功能，需与js配合使用。
语法格式：
属性：
Name：名称
Value：上传文件名。Value属性是只读属性，
必须与
功能：看不见的框。传递一些值，而又不想让别人看到。主要用于php后台。如id号。
语法格式：
语法格式：
网页视频一般是flash格式，flash比较小、兼容性好，适合网站播放。 图片热点 图片热点：给一张图片加多个热点。 语法结构： 标记常用属性： Shape：热区的形状，取值：rect（矩形）、circle（圆）、polygon（多边形） Coords：热区的坐标 如果shap=rect时，那么，coords=“x1,y1,x2,y2”列如：coords=”50,20,200,150” （x1,y1）为左上角坐标，（x2，y2）为右下角坐标。 如果shap=circle时，那么，coords=“x,y,r”,其中（x，y）圆心坐标，r为半径。 框架集和框架页： 框架集： 框架页：:主要用来指定默认显示的网页地址。 属性： Cols:划分左右型框架。 Cols=”200,*” 左边为宽度200px，剩下的为右边。 Cols=”180,*,180” 左右框架为180px，剩下的为中间框架 Rows：划分上下型框架 Rows=”200,*” 上框架高度为200px，剩下的为下框架。 Frameborder：是否显示边框线，取值0或1. Border：边框粗细。 Bordercolor：边框颜色。 框架页的属性 ： Src：该小窗口中，默认显示的网页地址。 Noresize：不能调整大小。Noresize=”noresize” Scrolling:是否显示滚动条，取值：auto、yes、no Name：给当前小窗口起个名字。这个name就是给标记target属性来用的。 与普通框架区别： 常用属性： Src：引入文件地址。 Width：宽度 Height：高度 Frameborder：是否显示框架的边框线，取值：yes或no。 Scrolling：是否显示滚动条。取值：yes、no、auto。 Name：制定小窗口的名称，改名称也是给标记的target属性来用。 Align：框架在网页中对齐方式，取值：left、center、right。 CSS 层叠样式表。 CSS的主要目的：是给html标记添加各种各样的表现（表格、样式）。比如：文字样式、背景、文本样式、连接样式。 语法格式： 基本选择器 (1) “*”选择器：通配符 描述：将匹配所有的html标记，所有标记都会改变。 语法：*{color：red；} （2）标签选择器 描述：将匹配指定的html标记 语法：h1{color：red；} （3）class选择器（类选择器）-----使用最多的选择器 描述：给一类html标记加样式。这里所指的“一类”是：每个html标记都有的一个class属性，且class的一样。Class属性是公共属性，每个html标记都有。 格式： (3) 子要素セレクター 説明: 要素の子要素にスタイルを追加します 幅: 要素の幅、必ず px 単位を追加してください。 高さ: 要素の高さ。 フォントサイズ: テキストのサイズ。例: font-size: 14px; フォントファミリー: フォント。例: フォントファミリー: Microsoft Yahei フォントスタイル: イタリック、値: イタリック。例: フォント スタイル: イタリック フォントの太さ: 太字、値: 太字。例: font-weight: 太字 色: テキストの色 テキスト装飾: テキスト装飾線、値: なし (なし)、下線 (下線)、上線 (上線)、ラインスルー (取り消し線) Text-align: テキストの水平方向の配置、値: 左、中央、右 Line-height: 行の高さは、次のような固定値またはパーセンテージにすることができます。行の高さ: 24px; 行の高さ: 150%; テキストのインデント: 最初の行のインデント。テキストのインデント: 28px; 文字の間隔: 単語の間隔。 疑似クラスセレクター 通常の状態 (: リンク): マウスが置かれていないときの前のリンクのスタイル。 Put state (:hover): リンク上にマウスを置いたときのスタイル。 アクティブ化状態 (: アクション): マウスの左ボタンを放さずに押し続けるスタイル。 訪問ステータス (: 訪問): マウスの左ボタンを押してポップアップし、この時点のスタイル。 A:link,a:visited{ color:#444;text-decoration:none } //Replace "normal; 「ステータス」と「訪問ステータス」を 1 つにまとめました。 A:hover{ color:#990000;text-decoration:underline; } //単一の効果を作成するには「マウスオーバー」 CSS リスト属性 List-style: list style、value: none。箇条書きや数字の前にあるさまざまな記号を削除します。 CSS border 属性: 各要素には境界線を含めることができます Border-left: 左の境界線。 形式: border-left: 太い線と細い線の色 線のスタイル: なし、実線、破線 (破線)、点線 (点線) 右境界線: 右境界線。 Border-top: 上部の境界線。 Border-bottom: 下の境界線。 枠線: 4辺に同時に枠線を追加します。 注: 通常、幅と高さのプロパティを呼び出すとき、それらは内側と外側のマージンと境界線を除いた、コンテンツの幅と高さを指します。 Padding-left: 左内側のパディング距離、右行からコンテンツまでの距離。 Padding-right: 右内側のパディング距離。同上 Padding-top: トップ。 Margin: 10px 20px 50px; // 上のマージンは 10px、左右のマージンは 20px、下のマージンは 50px です。 マージン: 10px 20px 30px 40px; // 順序は右上、左下です。 背景色: 背景色。 背景画像: 背景画像のアドレス。背景画像:url(image/banner.jpg) 以上がHTML 学習の道のりを共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。的子标记。
的后面。
网页多媒体
<ing src=”inmages/01.jpg” usemap=”#Map”/><map id=”Map”><area shap=”热区形状” cords=”热区坐标” href=”链接地址” /><area shap=”热区形状” cords=”热区坐标” href=”链接地址” /><area shap=”热区形状” cords=”热区坐标” href=”链接地址” /></map>
ログイン後にコピー
普通框架
内嵌框架（行内框架）
CSS简介
<style type=”text/css”> h1{Color:red; //文本颜色
Text-align:center; //对齐方式
Border:1px solid #444; //半框样式
Background-color:#ffff00; //背景色}</style>ログイン後にコピーCSS选择器
CSS サイズ属性
CSS フォントのプロパティ
CSS テキストプロパティ
> " / li>
border-left: 5px赤の破線
Paddingbottom: 次へ。
省略形
Margin: 10px; // 4 つの外側のマージンはそれぞれ 10 ピクセルです。 CSS 背景プロパティ
前の記事：iOSでポップアップウィンドウを閉じた後も、ポップアップウィンドウの一部がまだ「ページ上に残っている」問題に対処するにはどうすればよいですか?
次の記事：GIT-SVN テクノロジーを使用した APICloud Studio 2 チュートリアル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
1970-01-01 08:00:00
1970-01-01 08:00:00
1970-01-01 08:00:00
1970-01-01 08:00:00
1970-01-01 08:00:00
1970-01-01 08:00:00
1970-01-01 08:00:00
1970-01-01 08:00:00
1970-01-01 08:00:00
1970-01-01 08:00:00
最新の問題
PX から REM への自動変換エラー
<style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...
から 2024-04-16 09:34:16
0
0
4687
ページが突然 CSS またはブートストラップを取得できなくなります
それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
CSSでページ下部の謎の空白を解決する方法
Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...
から 2024-04-06 20:22:15
0
1
454
文字列を HTML コード (配列から生成) に置き換えるトップレベルのメソッド
次のような文字列があるとします... $htmlPattern="Usernameis:#name#andusercompanyis#company#"; 部分...
から 2024-04-06 17:40:41
0
2
410
関連トピック
詳細>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
