HTML基础

一、点断三大块:

HTML(结构)、css(表现)、JS(行为)

二、HTML(Hypertext Markup Language)超文本标记语言

文本:相当于即使不让你里写的文字,用于展示信息。

超文本:超越了文本仅仅展示信息的功能范涛,反之图片、有样式的文字、点击跳转页面的文字。

语言:工具

标记:标签

HTML是由标签所组成的语言,能展示超文本效果

HTML是用来写网页的,是设计页面的基础

三、HTML语言的特征:

HTML代码是由头和体 组成

    <html>跟标签

   ·<head>中存放的都是网页的说明性内容,例如标题

HTML文件的扩展名为html或者htm

HTML文件由浏览器直接解析执行,无需编译,直接由上到下依次解析执行。

HTML标签通常有开始标签组成

    例如:<font>内容体</font>

没有内容体制标签叫空标签(自结束标签)例如<br/>换行标签

HTML标签不区分大小写,建议小写。

标签属性:属性名="属性值"

HTML标签建议包裹嵌套,不建议交叉嵌套

四、字体标签和格式化标签

1.字体标签:

    <font>字体标签,修饰文字样式

     <font属性名="属性值">文字</font>

            size:大小,最小1,最大7。

            color:字体颜色,使用英文red,使用#ff00ad

            face:字体

        H5文档声明

              <!DOCTYPE html>

            为了避免进入怪异模式,一定要写文档声明,放最上

2.格式化标签

    <br/>换行标签

    <hr/>水平线

    <p></p>段落标签,划分段落,自动段前和段后有空行

            align:段落内容的对齐方式

            默认是left左对齐

            right右

            center居中

       <h1></h1>标题标签

        其中<h1>最大,M<h6>最小

五、实体的语法:&实体的名字;

<    &It

>    &gt

空格        &nbhp;    HTML源代码中的多个空格回合并成一个,可以用&nbsp;写多个空格

版本符号    &copy

六、HTML注释

<!--html注释内容-->

七、<img/>图片标签

src:图片路径(必有属性)

width:图片宽度

height:图片高度

默认单位是px(像素)width=“200px”

百分比设置,是父标签的百分比,是动态改变的width=“50%”

八、路径写法

    1、内网路径

            (1)绝对路径:不建议使用

                    src=“D:/1911?hello/abc/2.gif”

            (2)相对路径:从引用这所在目录出发,建议使用

                    src=“.../2.gif”.../表示上一层目录,./表示当前目录

2、互联网路径

src="https://dss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=3898709406,858372587&fm=85&app=63&f=JPEG?w=121&h=75&s=FAA024C5BE5379D4EC0DC19C03008013"


九、超链接标签

1、用于定义一个可以点击跳转的链接

2、href:超链接跳转的路径(必有属性)

(1)内网本机路径:相对路径和绝对路径

(2)互联网路径:带http://……的地址

(3)本页:不写默认跳转到本页,相当于#

3、超链接要想正常工作:

(1)a标签中必须有内容

(2)a标签必须有href属性

3、注意:

(1)a标签内容体,不仅仅是文字,也可以是其他内容,例如图片

(2)a标签的href属性,不仅仅可以链接到html上,也可以链接到其他文件上,例如图片

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 4,999评论 0 3
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 5,288评论 0 4
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 6,370评论 2 21
  • Web开发分成前端(HTML+CSS+JS)+后台(Java/PHP/.net/JS) 1. 前端基本概念 网页 ...
    jdzhangxin阅读 3,233评论 0 2
  • BTC行情分析: 比特币,继20号急跌之后,小时图boll走平,价格持续横盘。之前我们也讲过时间换空间的修正形式,...
    君临说币阅读 2,976评论 1 2