初识HTML

目录

 

1.  什么是HTML

2.  W3C标准

3.  网页基本信息

4. 基本标签

5.  图像标签

 6.  连接标签

超链接

---

 

1.  什么是HTML

HTML

Hyper Text Markup Language (超文本标记语言)

超文本包括：文字、图片、音频、视频、动画等

2.  W3C标准

W3C

        World Wide Web Consortium (万维网联盟)

成立于1994年，Web技术领域最权威和最具影响力的国际中立性技术标准机构

W3C标准包括

机构化标准语言（HTML、XML）

        表现标准语言（CSS）

行为标准（DOM,ECMAScript(Java)）

创建HTML

    -------->网页头部
    



    我的第一个网页     ------>主体部分

         、等成对的标签，分别叫开放标签和闭合标签

        单独呈现的标签（空元素），如

---

; 意为用  /  来关闭元素

 

3.  网页基本信息

SEO（Search Engine Optimization）：汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让其在行业内占据领先地位，获得品牌收益。很大程度上是网站经营者的一种商业行为，将自己或自己公司的排名前移。

    keyword为关键字
      description为描述声明   content为内容

效果，我的第一个网页为标题，helloword是内容

 

页面源码

4. 基本标签

• 标题标签
• 段落标签
• 换行标签
• 水平线标签
• 字体样式标签
• 注释和特殊符号

一级标签
二级
三级
四级
五级
六级


基地基地啊
是底层技术VS嫩绿
南开精神的那份你是



虽说大多数人工作都是为了钱
，但钱确实不是工作的全部。
高薪但996的工作未必比得上薪资低但轻松的工作
。此外，
工作意义、个人爱好、团队氛围、领导魅力、人际关系、晋升渠道等等，
都是影响一份工作的重要因素。


粗体：i love abcderf
斜体：i love abcderf



空格：

空            格


大于符号：>
小于符号：<


版权符号：©版权所有

 

效果

 

5.  图像标签

常见图像标签

• JPG
• GIF
• PNG
• BMP

1. 新建一个目录命名为resources为资源包；
2. 在resources目录下新建一个image目录；
3. 把要写入的图片复制到此目录；

4. （长宽之类的属性可以自行添加）

效果

 6.  连接标签

•  超文本链接
• 图像超链接

  点我跳转到页面 




  


  点我跳转到百度

效果

 

超链接

• 页面间链接（从一个页面连接到另一个页面）
• 锚链接
• 功能链接

回到顶部
底部

效果

 点击回到顶部就会返回顶部，也可以页面间的跳转，需要在要跳转的页面做标记。

点击联系我

 点击“点击联系我或”或图片即可打开QQ。