初识HTML

HTML:用来描述网页的一种语言,是一种超文本标记语言,HTML不是一种编程语言。

HTML:优势:

  1. 世界知名浏览器广商对HTML的支持
  2. 市场的需要。
  3. 跨平台

W3C标准:W3C标准不是某一个标准,而是一系列标准的集合。

W3C组成部分:1>结构 2>表现 3>行为

网页开发工具:可以有记事本,Dreamweaver,UItraEdit,Sublime,WebStorm,HBuilder等工具,我用的是IDEA。

HTML文件基本结构:

HTML部分:<html> </html>包起来的部分,展示了是HTML文件编写的内容。

头部部分:<head> </head>包起来的部分,里面有网页标题等基本信息

主体部分:<body> </body>包起来的部分,是代码运行的开始。

网页基本信息:

DOCTYPE声明:必须位于HTML文档的第一行,说明是使用哪种规范来解释文档中的代码。

<title>标签:<title></title>用于描述网页的标题,例:网页标签.png

<meta>标签:<meta 内容 />用于描述网页的摘要信息,包括文档内容类型,字符编码信息,搜索关键字,网站提供的功能和服务的详细描述等.

<strong>标签:<strong></strong>字体加粗

<em>标签:<em></em>字体斜体

标题标签:<h1>~<h3>六级标签,所有标题字体加粗,h1~h6字号从大到小递减。

<p>段落标签:<p></p>定义文本的段落。使用CSS规则设置段落的格式。

<hr/>水平线标签:打印一条水平线,用作分割用,如果可能的话,可以使用CSS样式规则来格式化水平规则,而不是HTML属性。

注释:<!--注释内容-->

图像标签:<img src="图片地址" alt="图像的替代文字" title="鼠标悬停提示文字" width= “图片宽度" height="图片高度"/>,用于在网页中插入图片

超链接标签:<a href="链接地址" target="目标窗口位置">链接文本或图像</a>,当是文本链接时只要在</a>前面输入文本即可,如果是图像链接,只需要在</a>前面插入图像标签即可。

锚链接:

同页面不同部分跳转:

<a name/id =”marker”>目标位置乙</a>

<a href = “#marker">当前位置甲</a>

<a>为标签属性,marker为标记名,且a不可更改为其他字母。

不同页面跳转,同时存在锚点:

目标元素:a.html页面的<div id="test"></div>

锚点超链接:<a href="a.html#test"></a>

注:name属性有时不会跳转,id属性则可以,同时存在name和id效果最佳。

视频元素添加:<video src=”视频路径”controls=”controls”></video>

音频元素添加:例子:<audio controls="loop">`

<source src="mp3/Sleep Away.mp3"> </source>

audio>`

Source元素用来连接视频,一条source语句连接一个视频。

Autoplay属性不需要与用户进行任何交互就可以让音视频文件加载完自动播放。

Loop属性实现循环播放。

CSS样式

外部样式表:<link rel="stylesheet" href="css/style.css" />

Rel:定义链接文档与当前文档的关系。

Href:CSS文件路径

内部样式表:<style>标签属性样式内容</style>

行内样式:例子:<h1 style="*color*: red;">北京欢迎你</h1>

标志为style,引号内为样式属性的内容。

最后修改:2021 年 12 月 05 日 07 : 46 PM
.