HTML5

一、站点的作用

作用:用来归纳一个网站上所有的网页、素材以及它们之间的联系

站点根文件夹命名规则:必须以字母和下划线开头,后面数字和下划线,不可一使用中文和特殊字符。

二、创建HTML页面

首页名称:index.html


子页面放在html文件夹

三、HTML5页面结构

<!doctype html>

<html>

<head>

<meta charset="utf-8" />

<title>网页标题</title>

</head>

<body>

</body>

</html>

四、HTML基本语法

常规语法:

<标记 属性="属性值" 属性="属性值">内容</标记>

空标记的语法:没有结束标记的标记

<标记 属性="属性值" />

说明:

1)写在尖括号里的第一个单词叫标记,也称作为标签,或称为元素

2)标记和属性之间用空格隔开,属性和属性值之间用等号连接,属性值必须放在双引号内

3)当一个标记有多个属性的时候,属于之间用空格隔开,没有先后顺序之分

五、HTML核心元素(1)

1.文本标题

<h1>一级标题</h1>

<h2>二级标题</h2>

...

2.段落

<p>段落文本内容</p>

3.空格

&nbsp;

4.加粗

<b>加粗文本</b>

<strong></strong>

5.强制换行

<br />

6.倾斜

<i>倾斜文本</i>

<em></em>

7.列表

无序列表   有序列表  自定义列表

<ul>

      <li>列表内容</li>

       ...

</ul>

六、HTML核心元素(2)

1.超链接  

<a href="目标文件的路径及全称">连接文本</a>

2.图片

<img src="目标文件的路径及全称" />

3.水平线

<hr />

4.div

5.span

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,426评论 0 16
  • img标签 功能:告诉浏览器需要显示一张图片; 参数:width、height、src、title、alt;wid...
    Latte_Bear阅读 704评论 0 0
  • FreeCodeCamp - HTML5 and CSS 发现原来在另外一台电脑学 FreeCodeCamp 的时...
    付林恒阅读 9,695评论 2 17
  • 1.浏览器的作用: 1.将网页渲染出来给用户查看。 2.能够让用户通过浏览器和网页交互 2.服务器: 可以理解为超...
    迷茫o阅读 355评论 0 0
  • 转载请声明 原文链接 关注公众号获取更多资讯 这篇文章主要总结H5的一些新增的功能以及一些基础归纳,这里只是一个提...
    前端进阶之旅阅读 9,262评论 22 225

友情链接更多精彩内容