HTML学习日记（1-基础）

最新推荐文章于 2024-10-04 15:41:42 发布

weixin_33971130

最新推荐文章于 2024-10-04 15:41:42 发布

阅读量79

点赞数

原文链接：https://my.oschina.net/Almon/blog/799741

版权

为什么80%的码农都做不了架构师？>>>

简介

<!doctype html>
<html>
<head>
<meta charest="utf-8">
<title>HellowWorld!</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>Hellow World</p>
</body>
</html>

<doctype>声明文档类型

<html></html>之间内容用于描述文档

<head></head>描述页面标题<title></title>

<body></body>之间内容为网页可视内容

＜h1></h1>为内容标题，h1即1级标题，h234以此类推

<p></p>为一个段落

Html元素语法

HTML元素以开始标签起始，以结束标签中止

元素的内容是开始标签与结束标签之间的内容

大多数HTML元素可拥有属性

某些元素具有空内容，空元素在开始标签中进行关闭

<br/>定义换行

HTML属性

HTML元素可以设置属性，添加附加信息

属性一般描述于开始标签，总以值对的形式出现

<a hrcf="http://www.baidu.com">百度</a>
HTML链接由<a></a>定义，地址由hrcf指定

HTML水平线---<hr>

HTML注释格式

<!--注释内容-->

HTML段落

不允许省略结束标签

<p>
演示<br>分行<br>效果
</p>

浏览器会移除多余的空格和空行

HTML文本格式化

使用标签对输出文本进行格式化

<b></b>粗体
<i></i>斜体

HTML链接

<a href="http://www.xxx.com/" target="_blank">访问链接<a/>
href指定地址
target="_blank"表示在新窗口中打开

id属性属于隐藏提示，可用于目录跳转，通过href指定

<p>
<a href="#C4">查看章节 4</a>
</p>

<h2>章节 1</h2>
<p>这边显示该章节的内容……</p>

<h2>章节 2</h2>
<p>这边显示该章节的内容……</p>

<h2>章节 3</h2>
<p>这边显示该章节的内容……</p>

<h2><a id="C4">章节 4</a></h2>
<p>这边显示该章节的内容……</p>

<h2>章节 5</h2>
<p>这边显示该章节的内容……</p>

<h2>章节 6</h2>
<p>这边显示该章节的内容……</p>

HTML头部

<head></head>包含所有头部标签元素

<title>定义不同文档的标题(浏览器工具栏,收藏夹,搜索引擎)，必须设置
<style>定义文档的样式文件引用地址
<meta>定义基本的元数据，被浏览器解析，作者,关键词等
<link>定义文档与外部资源之间的联系，通常用于连接到样式表
<script>用于加载脚本文件
<noscript> 
<base>定义基本的链接地址，默认链接

转载于:https://my.oschina.net/Almon/blog/799741