初识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





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



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


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

        单独呈现的标签(空元素),如


; 意为用  /  来关闭元素

 

3.  网页基本信息


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

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

初识HTML_第1张图片

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

 

初识HTML_第2张图片

页面源码

4. 基本标签

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


一级标签

二级

三级

四级

五级
六级

基地基地啊

是底层技术VS嫩绿

南开精神的那份你是


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

粗体:i love abcderf 斜体:i love abcderf

空格:
空            格
大于符号:> 小于符号:<
版权符号:©版权所有

 

初识HTML_第3张图片

效果

 

5.  图像标签

常见图像标签

  • JPG
  • GIF
  • PNG
  • BMP
  1. 新建一个目录命名为resources为资源包;
  2. 在resources目录下新建一个image目录;
  3. 把要写入的图片复制到此目录;
  4. 图片加载失败返回的提示(长宽之类的属性可以自行添加)

初识HTML_第4张图片

效果

 6.  连接标签

初识HTML_第5张图片

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


  点我跳转到页面 

狗跑了。。。
点我跳转到百度

初识HTML_第6张图片

效果

 

超链接

  • 页面间链接(从一个页面连接到另一个页面)
  • 锚链接
  • 功能链接

回到顶部
底部

初识HTML_第7张图片

效果

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


点击联系我
加我聊天

32105cea591241c490820ef7802b4a8b.png

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

 

 

你可能感兴趣的:(html,前端,html5)