1 HTML 基本语法
html标签
-
单标签
<img />、<img> -
双标签
<html> </html>
属性 属于标签
<img src="图片的地址">
<table width="100" height="200"></table>
语法规范
-
标签嵌套 用缩进
-
标签名 不区分大小写 建议小写
-
属性名 不区分大小写 建议小写
注释
<!-- 多行 -->
<!--
多行
-->
常用HTML实体
-
空格 -
<< -
>> -
&；& -
©；版权 -
¥；人民币
<!doctype html> <html> <head> <!--注释--> <meta charset="utf-8"> <!--指定字符编码--> <title>同志交友</title> <!--指定网页的标题，对用户是不可见--> <meta name="keywords" content="同志交友,交友平台,同志,同志相亲"> <!--可提供网页的元信息，比如搜索引擎或更新频度的描述和关键词，<meta标签永远位于head元素内部--> <meta name="description" content="全国最大的同志交友平台"> <!--该信息也不会再前端页面进行展示，content定义与http-equiv或name， 属性相关的元信息，name 把content属性关联到一个名称--> <link rel="stylesheet" type="text/css" href="./01.css"> <!--链接外部css文件，链接收藏夹图标,rel:relations的缩写，是指的关联到的文件是什么 rel定义当前文档与被链接文档之间的关系--> <link rel="shortcut icon" type="image/x-icon" href="./friends.ico"> <!--shortcut icon特指浏览器地址栏左侧显示的图标，一般大小为16 x 16, 后缀名为.icon,icon指的是图标，规定被链接文档的 MIME 类,这里是值为image/x-icon,格式可为png,gif,jpeg,尺寸一般为16x16, 24x24, 36x36等--> <style type="text/css"> h1 { /*--设定主标题字体的颜色*/ color: red; } </style> </head> <body> <!-- 注释： 标题 --> <!-- 是大是大非 手动阀十分大师傅地方 撒旦发顺丰的 撒旦发顺丰大 --> <h1>交友平台</h1> <hr> <!--设置分割线--> <p> <!--每个字段都有边框，是因为连接了外部的css文件，而css文件中对字段设置了边框--> 我今天学习了一个标签 <h1> </h1> <!--<代表左尖括号，>代表右尖括号， 代表空格--> </p> <p>我 她</p> <p> ©上海备案号：1231312398888 </p> <!--&cop代表：@--> <p>我捡了 ¥10000</p> <!--¥代表：¥--> <p>标识空格的实体： &nbsp;</p> <!--&代表：&--> </body> </html>