html基础语法(html的基本语法结构)
各位老铁们好,相信很多人对html基础语法都不是特别的了解,因此呢,今天就来为大家分享下关于html基础语法以及html的基本语法结构的问题知识,还望可以帮助大家,解决大家的一些困惑,下面一起来看看吧!
HTML基本语法
文档:HTML文档俗称网页。
标签:用尖括号包围的关键词我们成为标签。通常HTML标签成对出现,如:<a>、</a>。
元素:我们把匹配的标签对以及它们包围的内容称为元素。即(元素=开始标签+内容+结束标签)。如:<a rel="external nofollow" href="">我的博客</a>。
属性:开始标签中那些以名称/值对的形式出现的内容,我们称之为属性。如上例中: rel="external nofollow" href=" "。(href是属性称," "是属性值)。
列举html5基本语法规则
HTML5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站。如果你同时使用HTML4和HTML5的话,你会发现用HTML5从头构建,比从HTML4迁移到HTML5要方便很多。虽然HTML5没有完全颠覆HTML4,它们还是有很多相似之处,但是它们也有一些关键的不同。本文就列出了它们之间10个关键的不同之处。
1. HTML5标准还在制定中
首先要注意的是,HTML5虽然现在很火,但是HTML5标准还在制定中,标准仍在改变。HTML4已经10多年了,不会有任何改变了。
2.简化的语法
HTML5简化了很多细微的语法,例如doctype的声明,你只需要写就行了。HTML5与HTML5,XHTML1兼容,但是与SGML不兼容。
3.
Flash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件。
4.新增和标签
HTML5设计的一个原则是更好的体现网站的语义性,所以增加了和这样的标签,用来明确表示网页的结构。
5.新增和标签
与,类似,和也有利于清晰化网页的结构,更有利于SEO。
6.新增和标签
可以被用于创建传统的菜单,也可以用于工具栏和上下文菜单。标签使得网页文字和图片的排版更专业。
7.新增
这两个标签可能是HTML5里面最有用的两个标签了。顾名思义,这两个标签是用来播放音频和视频的。
8.全新的表单
HTML5对和标签进行了大量修改,添加了很多新的属性,也修改了很多属性。
9.删除和标签
这个改进我还无法理解。我不认为删除这两个标签对代码的改进有很大的帮助。官方的解释是应该用CSS来替代这两个标签。但我还是觉得对于简单的文本,这两个标签还是很方便的。
10.删除,,标签
我已经记不得上次是什么时候使用这些标签了。
语法及常用标记(html)
1.常规标记/双标记
<标记属性="属性值"属性="属性值"></标记>
2.空标记/单标记
<标记属性="属性值"/>
说明:写在<>中的第一个单词叫做标记,标签,元素名。
标记和属性用空格隔开,属性和属性值用等号连接,属性值必须放在双引号("")内。
一个标记可以没有属性值也可以有多个属性,属性和属性之间不分先后顺序。
空标记没有单独的结束标签,用斜杠("/")代替。
1.文本标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
…
<h6>六级标题</h6>
2.水平线
<hr/>空标记
3.段落
<p>段落文本内容</p>
4.强制换行
<br/>是一个空标记
5.空格
<>
---所占位置没有一个确定的值,这与当前字号字体都有关系。
6.加粗
<b>加粗内容</b>-----样式标签
<strong>加粗内容</strong>表示该文本比较重要,提醒读者/终端注意表示强调
7.倾斜标记
<em></em>---语义标签
<i></i>样式标签
8.
区别:
<strong><em>逻辑字体格式化标签.表示强调.默认效果是通过字体加粗/倾斜来表示语义强调.而<b><i>标签就是字体加粗/倾斜标签,没有语意强调的意思,一般称为物理(无意义)字体格式化标签。
语意强调作用的<strong><em>比<b><i>更容易引起搜索引擎的注意,但是如果只是为了加粗样式,建议在css样式表里实现。
9.
扩展 HTML和XHTML的语法区别
XHTML,要求标签正确嵌套
XHTML,所有标签必须关闭
XHTML,区分大小写
XHTML属性值,要用双引号
XHTML,用id属性代替,name属性
XHTML,特殊字符的处<>
10.列表(ul,ol,dl)
HTML中有三种列表,分别是:无序列表,有序列表,自定义列表.
无序列表
<ul>--unorderList
<li>列表项内容</li>
…..…..
</ul>
有序列表
<ol>--orderList
<li>列表项内容</li>
<li>列表项内容</li>
…..…..
</ol>
自定义列表
<dl>
<dt>名词</dt>
<dd>解释</dd>
</dl>
11.
12.
13.表格
数据表格的相关属性
1) width="表格的宽度"
2) height=“表格的高度”
3) border=“表格的边框”
4) bordercolor="表格边框颜色"
5) bgcolor="表格的背景色”
6) cellspacing=“单元格与单元格之间的间距”
7) cellpadding=“单元格与内容之间的空隙”
8)水平对齐方式: align="left/center/right";
垂直对齐方式: valign="top/middle/bottom”;
注:垂直对其方式在td,tr上使用
表格跨行和跨列
colspan=“所要合并的单元格的列数”横向合并;
rowspan=“所要合并的单元格的行数”纵向合并;
文章到此结束,如果本次分享的html基础语法和html的基本语法结构的问题解决了您的问题,那么我们由衷的感到高兴!