HTML学习日记(1-基础)
博客专区 > Almon 的博客 > 博客详情
HTML学习日记(1-基础)
Almon 发表于1年前
HTML学习日记(1-基础)
  • 发表于 1年前
  • 阅读 54
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

简介

<!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>

<meta charset="utf-8">声明字符为utf-8,防止中文出现乱码

<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>定义基本的链接地址,默认链接

 

共有 人打赏支持
粉丝 2
博文 64
码字总数 44346
×
Almon
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: