html的初识 - 走看看

zoukankan html css js c++ java

html的初识

今天我们学习了Html语言，感觉学习这个是我期望很久的啦，之前在百度上面也看过html教程，但是看过之后也忘记啦，太多需要记忆的，所以也没记得什么啦。甚是遗憾啊，总感觉html需要学习好多东西啦的，但是今天我们只是了解一下，简单的学习了主要的标签吧。而且我们是学习.net的，所以只是认识些html其中的语法吧。好啦，下面总结下我今天学习的html基础知识吧。

一.html简单叙述

1.html语言是超文本标记语言，不区分大小写，页面包括“格式标签”和“页面内容”；

2.网页文件格式：扩展名可以是.html或者.htm,这两个格式主要是浏览器兼容的问题吧；

3.学习html主要用的工具可以是记事本，NotePad++，EdiPlus或者在VS中直接编写等等。

 二.html基本结构

由上面图片所示，新建首先页面顶部会有<!DOCTYPE HTML>开头，这个是html5版本的写法，最大方面说，<html></html>他是最大的标签，用于存放html语句，然后会有<head></head>,这个是页面头部，里面一般会有一个<title></title>标签，用于显示页面的标题，上图中在html标签中会有一个标签是<body></body>,就是在这个标签里面显示网页内容。这就是在html中最基本的几个标签。

三.在body标签中添加一些基本标签

 1.段落标签：；

2.空格标签：&bsp；

3.标题标签：<h#>: #=1~6 ；

4.图片标签：<img src=“…” />（src为图片路径）；

5.注释标签：

举例如下：



四.html文档格式标签

1.标题标签<h#></h#>

2.标题的重要性(搜索的问题)浏览器会在标题前后添加空行

HTML水平线：<hr />；

HTML拆行: ；

HTML中的特殊符号；◦>(&gt)、<(&lt)、&(&amp)、空格(&nbsp)。

五.html属性

表现各标签的特征，<img>中的src即为属性。属性都是以“属性名 = 值”的形式出现，属性的值建议用引号括起来，属性建议均以键值对的形式括起来，一个标签可有多个属性，用空格分开。

六.html图像和标尺线

<img src=“URL” />

1.alt属性(显示图片内容)

2.border属性(图片外侧相框宽度,默认像素)

3.width属性

4.height属性

5.相对路径

标尺线常见属性：◦size、width、align(left,right,center)、noshade、color



七.html字体

1.客户端字体：



2.物理字体

 定义粗体文本

 定义意大利斜体

<tt> 定义打字机文本(等宽)

 定义下划线文本

、 定义上下标

<s> 定义加删除线的文本

3.逻辑字体



八.预定义格式

预定义格式文本：<pre></pre>，通常保留空格和换行，文本以等宽字体呈现

常见的应用就是表示计算机源码，与<code>一起使用，以获得更加精确的语义，不建议使用Tab(默认4个空格,有的默认8个空格)(兼容问题)



九.html链接



举例如下：



十.html表格

语法以及属性如下：



举例如下：



好啦，今天的总结就写到这里啦，东西好碎啊感觉，好多需要记忆的东西啊，不过我们作为程序员，就不需要掌握太多啦，但是基本的还是要我们掌握的啦，嘿嘿，认识了html，感觉蛮兴奋地，终于可以看懂静态页面拉，哇咔咔···

我是小白，新建立了一个的群：461431726，希望在这里和大家一起交流，共同学习。前端的话建议加群：646564351，谢谢

查看全文

相关阅读:
HBASE & DB : ACID 事务与相关实现
 LeetCode Largest Number
LeetCode Power of Two
LeetCode Dungeon Game
LeetCode The Skyline Problem
LeetCode Kth Smallest Element in a BST
LeetCode Flatten Binary Tree to Linked List
JAVA 并发：CLH 锁与 AbstractQueuedSynchronizer
为什么引入TSS
特权级概述（哥子就想知道CPU是如何验证特权级的）GATE+TSS

原文地址：https://www.cnblogs.com/dyxd/p/4129632.html