之前对HTML的理解:HTML主要是标签组成,一对标签组成一个位置,在响应的位置内填写对应的内容。

1.编译工具

  • [ ] HTML需要编译工具?txt文档改后缀双击运行。
  • [ ] 了解前端了一下前端,然后发现自己之前用的工具IDEA就可以,写Java,Python,现在还能写前端,美滋滋。。。

2.HTML是什么

  • [ ] 官方名字:超文本标记语言(HyperText Mark-up Language ),超文本:带有超链接的文本,标记:使用标签在网页上标记资源的位置
  • [ ] 作用:用来设计网页的标记语言
  • [ ] 文件后缀 .html或 .htm为后缀
  • [ ] 执行方式:由浏览器解释执行
  • [ ] 经验:
  •   不区分大小写,建议小写
  •   标签是成对出现的(大部分)
  •   通过标签来标记数据,不同的数据使用不同的标签
HTML示例
HTML中代码的注释:<!--注释内容-->
<!DOCTYPE html>
<html lang="en"><!--HTML的开始-->
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body> </body>
</html>

HTML标签

上面代码中的:
<html></html>
<head></head>
<title></title>
<body></body>
  • [ ] HTML用于描述功能的符号成为“标签”
  • [ ] 标签都封装在一对尖括号“<...>”之中,如就是一个标签
  • [ ] 封闭类型标记(也叫双标记),必须成对出现,如
  • [ ] 非封闭类型标记,也叫作空标记,或者单标记,如

HTML元素

指的是从开始标签(start tag)到结束标签(end tag)的所有代码
<title>Title</title><!--Title-->
  • [ ] HTML 元素以开始标签起始
  • [ ] HTML 元素以结束标签终止
  • [ ] 元素的内容是开始标签与结束标签之间的内容
  • [ ] 某些 HTML 元素具有空内容(empty content)
  • [ ] 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • [ ] 大多数 HTML 元素可拥有属性

HTML属性与值

<html lang="en"><!--lang是HTML的属性,en是lang属性的值-->
</html>
  • [ ] 1.属性是用来修饰元素的

    • 属性必须位于开始标签里
    • 一个元素的属性可能不止一个,多个属性之间用空格隔开
    • 多个属性之间不区分先后顺序
  • [ ] 2.每个属性都有值
    • 属性和属性的值之间用等号链接
    • 属性的值包含在引号当中
    • 属性总是以名称/值对的形式出现

常用标签

<p></p><!--段落标签-->
<h1></h1><!--段落标签(h1表示第一段落 一般是h1到h6)-->
</br><!--换行标签-->
<hr/><!--水平线标签-->
<span></span><!--无语义标签-->
<img></img>
1.使用<img>元素将图像添加到页面
2.必须属性:src(存储图像的位置)
3.常用属性:width,height,alt,title
<img src="URL" width="300" alt=”替换文本属性”/>
title定义了鼠标经过图片时显示的内容,搜索引擎抓取图片时,是根据title定义的内容来分析图片是什么的
alt当图片未能正常显示时,用于给用户的提示信息

HTML简单介绍(个人角度)的更多相关文章

  1. Android开发自学笔记(Android Studio)—4.界面编程与View组件简单介绍

    一.引言 Android应用开发最重要的一份内容就是界面的开发,无论你程序包含的内容多么优秀,如若没有一个良好的用户交互界面,最终也只是会被用户所遗弃.Android SDK提供了大量功能丰富的UI组 ...

  2. UML动态模型图简单介绍

    UML动态模型图描述了系统动态行为的各个方面,包括用例图.序列图.协作图.活动图和状态图.下面就每种图做一个简单介绍: 用例图 用例图描述系统外部的执行者与系统提供的用例之间的某种联系.所谓用例是指对 ...

  3. 【美妙的Python之中的一个】Python简单介绍及环境搭建

    美妙的Python之Python简单介绍及安装         简而言之: Python 是能你无限惊喜的语言,与众不同.             1.Python:                  ...

  4. JSF简单介绍

    JSF简单介绍 一. 什么是 JSF: JavaServer Faces (JSF) 是一种用于构建 Web 应用程序的新标准 Java 框架.它提供了一种以组件为中心来开发 Java Web 用户界 ...

  5. 简单介绍Struts2

    Struts2概述 Struts2虽然是Struts1的基础上发展起来的,但是实质上是以WebWork框架为核心,为传统的Struts1注入了WebWork的设计理念,统一了Struts1和WebWo ...

  6. 服务器端IO模型的简单介绍及实现

    https://mp.weixin.qq.com/s?src=3&timestamp=1541726441&ver=1&signature=xPSye3v7miF7aVeLHb ...

  7. 《HTML 5网页开发实例具体解释》样章、内容简单介绍、前言

    http://spu.jd.com/1167757597.html http://product.dangdang.com/23484942.html 样章 http://download.csdn. ...

  8. JVM内存各个区域分工简单介绍

    JVM内存各个区域简单介绍: 程序计数器:程序计数器是一块较小的内存空间,它可以看作是当前线程所执行的字节码的行号指示器. 在使用多线程时,为了线程切换后能恢复到正确的执行位置,每条线程都需要有个独立 ...

  9. Hibernate学习(1)简单介绍

    1.什么是Hibernate?           首先,Hibernate是数据持久层的一个轻量级框架.数据持久层的框架有非常多比方:iBATIS,myBatis,Nhibernate,Siena等 ...

  10. 基于SIP和RTP协议的开源VOIP之QuteCom简单介绍

    **************************************************************************************************** ...

随机推荐

  1. 去掉我的电脑中WPS,百度云,360,爱奇艺盘符

    open regedit ,跳转到 HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\MyComputer\Na ...

  2. Centos7——docker入门(笔记)

    docker 入门(笔记) 一.Docker是什么? 官方原话: Docker provides a way to run applications securely isolated in a co ...

  3. StreamWriter、StreamReader

    IO流操作文件内容,using System.IO;//引入命名空间 private void button1_Click(object sender, EventArgs e) { if (text ...

  4. JAVA 获取类名,函数名

    获取以下获取方法所在函数的相关信息 1.获取当前函数名:Thread.currentThread().getStackTrace()[1].getMethodName(); 2.获取当前类名:Thre ...

  5. Poj 3057 未AC http://poj.org/showsource?solution_id=15175171

    <span style="font-size:18px;">#include <iostream> #include <cstdio> #inc ...

  6. 【POJ1011】Sticks

    [题目概括] 现在有\(n\)个长度不超过\(50\)的木棍,请你把这些小木棍拼成若干根长度相同的木棍. 请你最小化拼成后的长度. [思路要点] 考虑枚举最后的长度,然后判断是否可以,这样就不需要最优 ...

  7. Linux 压缩方式测试

    测试方法 使用 python 的 Faker 第三方包伪造数据,写入文件 test.txt 复制 test.txt 内容为 test2.txt ,将 test2.txt 的内容重定向到 test.tx ...

  8. [CSP-S模拟测试]:装饰(状压DP)

    题目传送门(内部题114) 输入格式 第一行一个正整数$n$. 接下来一行$n-1$个正整数,第$i$个数为$f_{i+1}$. 接下来一行$n$个数,若第$i$个数为$0$则表示林先森希望$i$号点 ...

  9. VMware与Centos系统

    今日任务 1.Linux发行版的选择 2.vmware创建一个虚拟机(centos) 3.安装配置centos7 4.xshell配置连接虚拟机(centos) 选择性 pc可以选择 -纯系统 Lin ...

  10. maven仓库,snapshot快照仓库和release发布仓库的区别

    首先看下snapshot类型 建立一个maven-privider项目,版本定义为1.1-SNAPSHOT 创建一个privider类,写一个hello()方法,并推送maven私有仓库 然后再建立一 ...