HTML语言基础

1.HTML的基本概念

　　(1) html是一种标记语言，非编程语言，主要采用标签对文字进行标记，使得文字能够在网页中显示不同的样式，比如可以对文章的标题标记，则浏览器中会将标题显示较大。

　　(2) html标签，被称为tag，<p>被称为开放标签 ，</p>被称为闭合标签

　 （3）1999年发布html4，2012年发布html5

　 （4）网页框架标签的含义

 

其中由于网页中文字语言的多种多样，所以为了方便编码为不同字节数的二进制，所以采用UTF-8边长编码方式。

2.网页代码编辑器

　　有VS code与sublineText ,VScode由微软开发，支持Windows，Linux，Mac操作系统。

3.常见网页标签

　　<h1>-<h6>：表示标题  大号 加粗 ，h1-h6字号一次减小，浏览器会在标题前后添加空行

　　<p>:用于表示段落，浏览器会在段落前后添加空行

　　<a  herf="xxx.com">:用于表示超链接

　　<img src="xxx.png" /> :表示图片  注意：标签原色内容为空，则在开始标签内部关闭标签，且htnl5对大小写不敏感，但是建议采用小写

　　<hr> :标签在 HTML 页面中创建水平线。

　　<br>: <p>这个<br>段落<br>演示了分行的效果</p>  可以出现段落内部换行 一般在<p>标签内部使用

　　<strong> <b> 标签用于文本加粗   

　　<em>  <i>用于文本斜体

　　<sub> 下标  eg: _下标

　　<sup> 上标 eg: ^上标

4.html属性

　　属性基础：属性值应该始终在双引号内，但是如果属性值中有双引号，则外边应该用单引号

　　eg:<a href="http://www.runoob.com">这是一个链接</a>

　　大多数元素都可以使用的属性：

 

5.html的头部标签可以包含的标签

　　<title> :定义网页的标题

　　<meta>：定义网页的元数据  比如作者 日期

　　<link> ：定义网页连接的外部css样式

　　<style> :定义网页内部的css样式

　　<script>:定义网页的脚本语言

eg:meta标签的举例

 

6.html表格

<table>:定义表格框架

<tr>：定义一行

<th>：定义第一行标题

<td>：定义定义列

7.html列表

　　<ul>::无序列表  配合<li>

　　<ol>::有序列表  配合<li>