【HTML基础】-优快云博客

本文链接：https://blog.youkuaiyun.com/if_Echo_else/article/details/138617131
                    
                        
                    
                    1.网站建站的流程 
 
 (1).域名的注册(网址)
(2).租用空间
(3).网站建设(a.确定网站的主题 b.搜集资料 c.规划网站 d.制作页面)
(4).网站推广
(5).网站维护
 
 
2.网页的组成部分 
 
 web 标准
结构		表现		行为---->ECMA
xhtml-----css		DOM
xml	  w3c		 ECMAScript	

HTML----相当于我们的毛坯房
CSS----网页的装修队
javascript----只能家居
 
 
=================================== 
3.HTML基础 
3.1什么是网页 
 
 一个HTML文件,就是一个网页
 
 
3.2什么是网站 
 
 把所有的网站资源文件(HTML,CSS,JS,图片,视频等)整合到一起的(一个文件夹)
 
 
3.3什么是html 
 
 HTML 指的是超文本标记语言(Hyper Text Markup Language)
 
 
3.4什么是xhtml 
 
 XHTML指可扩展超文本标记语言(标识语言)(EXtensibe Hyper Text Markup Language) 是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格.
 
 
3.5HBuilder开发工具 
 
 ctrl+n: 新建文件     
ctrl+s: 保存
ctrl+r: 运行
ctrl+z: 撤销    
ctrl+c ：复制
ctrl+v :粘贴   
ctrl+x ：剪切    
ctrl+a ：全选
ctrl+shift+F:整理代码
ctrl+/：注释

ps:以上快捷键可能与输入法快捷键有冲突（工具->选项->常规->快捷键中可以自定义快捷键）
 
 
3.6建立站点 
 
 文件名规范：
   名称全部用： 小写英文字母、数字、下划线的组合， 其       中不得包含汉字、空格和特殊字符； 必须以英文字母开       头
目的：
   规划网站的所有内容和代码 整合资源
 
 
3.7Html文档的基本结构 
 
 HTML网页：
    <html>说明我们写的是标记语言 
    文件头部(描述区)：
          <head>
          <meta charset=“utf-8”/>编码格式(gb2312/gbk中文编码)
          <title>html5</title>文件标题（显示在状态栏上的内容） </head>
   文件主体(所有要写的内容)：
          <body> 内容 </body>
   </html>
 
 
3.8网页的调试工具 
 
 （1）PC端调试工具的使用 -浏览器          测试浏览器(chrome,ie,firefox)
（2）移动端调试工具chrome可以测试移动端页面（有很多模拟器）
 
 
3.9HTML标记语言的语法 
 
 <单词   年龄="30" 爱好="拍戏" 特征=“”></单词>

<单词 年龄="30" 爱好="吃饭"></单词>

1、常规标记： <标记名称 属性1名="属性1值" 属性2名="属性2值" ………… ></标记名>
2、空标记：<标记名 属性1名="属性1值" />
标记有两种形式，我们分别称双标记和单标记,或者叫普通标记和空标记；


说明：
1）写在尖角号<>里的第一个单词，叫做标记，也叫做标签，也称作元素；
2）标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在双引号内
3）一个标记可以有多个属性，属性和属性之间用空格隔开，属性不分先后顺序；
4）空标记是指没有结束标签的标记，必须使用"/" 关闭 例如：

                