title标签用于设置段落的基本样式 简述一个完整的html代码架构?
简述一个完整的html代码架构?
lt!DOCTYPEhtmlgt
lthtmlgt
ltheadgt
ltmetacharsetutf-8gt
lttitlegt网页标题lt/titlegt
ltstylegt
lt/stylegt
lt/headgt
ltbodygt
lt/bodygt
lt/htmlgt
那说明:
HTML文档首先要声明一个文档类型,也就是上面例子第一行,定义方法了XHTML1.1文档类型(文档类型是目的是只能说明这个页面建议使用了某种HTML规则,或是结构。
lthtmlgt和lt/htmlgt是HTML文档的正在与结束后,也是HTML文档的根元素。
除了文档类型外的所有页面内容,都包括在html元素。
HTML文件中主要注意两类头信息head与内容信息body。
文档head信息:
头信息head可以不空间内文档的HTML具体信息,比如标题title,页面的语言与文字类型,css样式,javascript代码,简短的话描述,关键词等内容,是用户没能就看见了的。
文档body信息:
内容信息body除开用户可以清晰的看到的全部内容,比如说段落,链接,表格等。
编写代码时你必须有层次感,head标签和body标签全是在html标签中的,因此我向侧面挫了一个tab键的距离,而HTML头信息又比head标签后挫了一个tab键的距离
上面就是html最基本的架构。
hbuilder怎么把css写到html里?
hbuilder仅仅开发工具,和别的开发工具一样,怎么把css不写html里,有4种方法:
1、行内样式
行内样式那就是把CSS样式再放在代码行内的标签中,好象都是盛有标签的style属性中,而行内样式再插入到标签中,故是最直接的一种,同样的又是如何修改最不大方便的样式。
【示例1】根据段落、h2标签、em标签、strong标签包括div标签,三个应用到CSS行内样式。
!doctypehtml
html
head
metacharsetutf-8
title行内样式/title
/head
body
pstylebackground-color:#999900行内元素,再控制段落-1/p
h2stylebackground-color:#FF6633行内元素,h2标题元素/h2
pstylebackground-color:#999900行内元素,再控制段落-2/p
strongstylefont-size:30px;行内元素,strong比em效果都要强/strong
divstylebackground-color:#66CC99;color:#993300;height:30px;line-height:30px;
行内元素,div块级元素/div
emstylefont-size:2em;行内元素,em特别强调/em
/body
/html2、内嵌式
内嵌式将CSS写在网页源文件的头部,即在head和head之间,建议使用HTML标签中的style标签将其团团包围,其特点是该样式只有在此页在用,能解决行内样式多次写就的弊端。
【示例2】为段落可以设置内嵌式样式书写方法,增加代码量。
!doctypehtml
html
head
metacharsetutf-8
title内嵌式/title
styletypetext/css
p{
text-align:left;/*文本左对齐*/
font-size:18px;/*字体大小18像素*/
line-height:25px;/*行高25像素*/
text-indent:2em;/*首行缩起2个文字大小空间*/
width:500px;/*段落宽度500像素*/
margin:0auto;/*浏览器下左面*/
margin-bottom:20px;/*段落下边距20像素*/
}
/style
/head
body
p这是一个文本段落,这是一个文本段落,这是一个文本段落。/p
/body
/html3、链接式
链接式的link标签,将外部样式表文件链接到HTML文档中,这也是网络上网站应用最少的,同时都是最实用的。这种方法将HTML文档和CSS文件几乎只是分离,利用结构层和它表示层的彻底只是分离,增强网页结构的扩展性和CSS样式的可维护性。
4、导入样式
导入样式建议使用@import命令再导入外部样式表。导入样式有6种书写
daoru.css;
daomxss;
daoru.css;
url(daoru.css);
url(daoru.css);
url(daoru.css);
以上是css怎么嵌入html?的详细点内容。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。