简单学会HTML

HTML:Hyper Text Markup Language 超文本 标记语言

它通过标记符号来标记显示的网页中的各个部分。网页本身就是一种文本文件,通过在文本文件中添加特殊的标记符,可以让浏览器知道如何显示其中的内容。(相当于用html语言跟浏览器做交谈)

超文本:比普通文本的功能更强大。

标记语言:由各种标签组成

html:网页开发的基础

记事本开发第一个HTML

步骤:

1:创建一个笔记本

2:编写内容

3:保存文件,将文件后缀改成html(类似:hello.html)

建议使用火狐或者谷歌浏览器

<html>                                                                          
    <head></head>                                                        
    <body>                                                                     
        <font color="red">今天的内容简单</font>           
    </body>
</html>

html的结构

html是一门松散型语言,对语法检查并不严谨。

 

html

根元素是html标签

head

网页的头部

body

网页的主体,网页的标签主要写在主体中 bgcolor属性:设置网页背景色

标签名

作用

<!--注释-->

网页中的说明性文字,功能与Java中的注释一样,可以同时用于单行和多行注释<br />浏览器查看时,不显示,右键查看源码可以看到。<br />注释标签不能嵌套。

      1. 使用idea创建html

使用idea创建html

1.点击idea左上角Fiel-New-Project

2.点击Static Web

3.右键点击new点击HTMLFile,输入html的名称

4.在title输入网页标题“我的第一个HTML”,body里输入文字“我爱中国”。

5.点击页面右上角选择浏览器打开

6.显示效果

HTML的标签

按主体分类

1.带主体的标签      如:<font> 数据 </font>

2.不带主体的标签  如:   </br>

如何判断是否带主体?

思考标签是否需要封装数据,如果需要,那么带主体。如果不需要,那么不带主体。

按行分类

1.如果一个标签的内容需要占用一行   称为   块标签。如:<h1>标题标签

2.如果一个标签不用占一行   称为   内联标签。如:<font>字标签

文本标签

标签名

标签描述

常用属性

h1~h6

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值