HTML基础学习

1.HTML概念:

超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。

2.最简单的HTML:

<!--

    html标签分类:普通标签<></>

    自结束标签 <img>或<img/>

-->

<!--

    迭代

    xHTML

    HtML4

    HTML5

    版本声明:表示网页遵循HTML5语法

-->

<!DOCTYPE html>

<!--

    html标签表示网页,

    所有需要显示在浏览器中的内容都需要html标签中

    标签属性:可以定义标签的样式、功能,不推荐

    名值对lang表示网页的语言en表示属性值

-->

 

<html lang="en">

    <!--

        head标签作为网页的头部,包含网页元数据(网页标题、网页字符集),不显示在浏览器中

    -->

<head>

    <!--meta定义网页元数据-->

    <!--

        charest:代表网页字符集

        字符集:网页编码方式

-->

    <meta charset="UTF-8">

    <!--

        X-UA-Compatible:IE=edge优先使用ie8版本以上的浏览器引擎进行搜索

    -->

    <!--注释不能嵌套-->

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!--

        name属性表示网页相关的一些信息

        conten表示对应的值

        keywords表示搜索引擎关键字

    -->

 

    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">

     <meta name="keywords" content="购物,网上购物">

     <!--

         title:定义网页的标题

     -->

    <title>HTML文档结构介绍</title>

</head>

<!--网页主体:所有需要显示的内容都放在body中-->

<body>

    <!--最多到六级-->

    <h1>一级标题</h1>

    <h2>二级标题</h2>

    <!--注释效果

        1.解释代码

        2.隐藏代码

    -->

</body>

</html>

3.常用标签

<html></html> 创建一个HTML文档

<head></head> 设置文档标题和其它在网页中不显示的信息

<title></title> 设置文档的标题

<body> </body>标记页面正文网页中要显示出来的东东,都应放在这对标签之间

<h1></h1> 最大的标题

<pre></pre> 预先格式化文本

<u></u> 下划线

<b></b> 黑体字

<i></i> 斜体字

<tt></tt> 打字机风格的字体

<cite></cite> 引用,通常是斜体

<em></em> 强调文本(通常是斜体加黑体)

<strong></strong> 加重文本(通常是斜体加黑体)

<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值

<SMALL></SMALL> 字体缩小

<BLOCKQUOTE></BLOCKQUOTE> 向右缩排

<DFN></DFN> 述语定义

<ADDRESS></ADDRESS> 地址标记

<sup></SUP> 上标字

<SUB></SUB> 下标字

<listing>...</listing> 固定宽度小字体

<font color=00ff00>...</font>;字体颜色

<font size=1>...</font>;最小字体

<font style =':100 px'>...</font>;无限增大格式标志标签

<p></p> 创建一个段落

<p align=""> 将段落按左、中、右对齐

<br>换行 插入换行符

<blockquote></blockquote> 从两边缩进文本

<dl></dl> 定义列表

<dt> 放在每个定义术语词前<dd> 放在每个定义之前

<ol></ol> 创建一个标有数字的列表

<ul></ul> 创建一个标有圆点的列表<li> 放在每个列表项之前,

<MENU> 选项清单

<DIR> 目录清单

<nobr></nobr> 强行不换行

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值