HTML学習の基本的な注意点 2015年10月15日_html/css_WEB-ITnose
Jun 24, 2016 am 11:35 AM
一个互联网公司的分工，小公司要求全能，拿一个项目全部做出来。大公司分工明细，主要步奏为策划人员策划方案，美工人员设计图有.psd.rp等，前端人员做静态页面，后台人员获取数据java php .net。无论是处于那块的人员，都要对于其他的有所了解。
www网页服务，FTP文件上传下载，telnet远程控制
Apache2.2服务器
windows+r=运行，输入services.msc调出服务控制台
本地：127.0.0.1，访问自己本地服务器，需要使用Apache架起服务器之后，将文件放置到htdocs文件夹当中。安装Apache时要注意不能有中文文字不能有空格，可以直接安装到C盘下，不要安装到默认文件夹中。
主要使用的测试浏览器有IE、firefox、chrome、opera、safari
服务器端技术与客户端技术
常见的服务器端技术（运行在服务器上）：
JSP/PHP/ASPX
（前端）常见的客户端技术（运行在浏览器上）：
HTML/CSS/JS/SWF（flash）
计算机语言，HTML与JAVA/C/PHP不同，一门语言有三种结构，顺序执行、循环执行、选择执行。HTML里没有循环、选择等基本结构，只有纯文本和52个标签。
双标记标签：<标签名>文本</标签名>
单标记标签：<标签名/> 单标记标签中不能包含内容
<hr/>水平线<br/>换行
Meta标记的使用
<meta name=”keywords” content=”value”>多个关键字内容之间可以用“，”分割
设置描述：<meta name=”description” content=”value” >
设置作者：<meta name=”author” content=”作者名”>
设置字符集：<meta http-equiv=”content-type” content=”text/html;charset=gb2312”/>或者utf-8
gb2312主要用于中文文字较多的，而utf-8是国标，在国际上使用较多。
设置页面定时跳转：<meta http-equiv=”refresh” content=”2;URL=http://www.baidu.com”/>
html与xhtml的区别，xhtml首先所有字母都小写，其次所有标记都要有关闭。
格式：<标记 属性1=参数1 属性2=参数2>内容</标记>
不同标签具有不同的属性，所有标签都具备以下四个属性：
id：整个文档每个标签可以声明一个唯一的id号
style：为元素指定css样式
class：指定元素所属的类型
title:指定标签的弹出提示语
写代码前需要声明文档类型，否则会影响到css和javascript的解释执行，很多效果就会出不来。
文档类型声明：（所有工具都能生成这句话）
<!DOCTYPE html PUTLIC “-//W3C//DTD XHTML1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
windows+d可以将桌面调出来。
meta data:元数据-描述数据的数据（视频1day02视频1的35分）
<meta http-equiv=”content-type” content=”text/html;charset=UTF-8”/>元数据，写在head里面title上面比较好，这样会告诉浏览器以下的文字内容以这个标准来解析。避免出现乱码问题。
转义字符：
<>正常来说是无法显示的，会被认为是告诉浏览器的语言，所以需要使用转义字符来显示到前台。
基本格式：&xxxx
< 是<
> 是>
空格 是
& 是&
© 是©
? 是™
® 是®；
XHTML中不使用描述样式，都是使用CSS来控制样式，而在html中描述样式和描述语义是混杂的。例如<b>和<strong>，前面是描述样式，后面是描述语义，在xhtml中<b>描述样式标签就不可存在了。xhtml中，<em>代替<i>。
如今新网页中大多都是用的xhtml，为什么html却没被废弃呢？因为之前很多老网页没有修改过，都还是用的描述样式的方式，所以无法废弃，只是新的不再使用。
HTML 要素タイプには 100 を超える要素タイプがあり、それぞれのほぼ半分はブロック要素でのみ使用できるものと、インライン要素でのみ使用できるものがあります。インライン要素内でブロック要素を使用した場合、効果は表示されません。
- ブロック要素 (block) は、<div></div> のように、単独で別の行を占有する必要があります
- インライン要素 (inline) は、同じ幅を占有することができ、他の要素とも整列します要素を同じ行に配置します。
インライン タグ: <b><strong><i><em><u><s><sub><sup><span><img/>< a><input type=”text”/><input type=”submit”/><label><select><textarea>
ブロックラベル: <h1><h6> ;div>
人気の記事
人気の記事
ホットな記事タグ
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7291
9
1622
14
1342
46
1259
25
1206
29
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？
Mar 04, 2025 pm 12:32 PM
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？
HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか？
Mar 17, 2025 pm 12:27 PM
HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか？
＆lt; iframe＆gt;の目的は何ですか タグ？使用する際のセキュリティ上の考慮事項は何ですか？
Mar 20, 2025 pm 06:05 PM
＆lt; iframe＆gt;の目的は何ですか タグ？使用する際のセキュリティ上の考慮事項は何ですか？
