HTML文档结构-创新互联

1.基本结构:

为神木等地区用户提供了全套网页设计制作服务,及神木网站建设行业解决方案。主营业务为成都网站设计、网站制作、神木网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

//文件开始标志,表示网页文档的开始
//文件头,标题,主题
............ //文件头内容
//网页的编码
//文件头结束标记
//文件主体开始标志
............. //文件主体内容
//文件主体结束
//文件结束标志
//注释

2.HTML标题标签

(1)

,

,

,

,
,


个人主页

//字体由大到小,带有间距

登录


登录


登录

登录

登录

(2)


html基本结构



       超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

//
:换行

10>5

//大于小于,段落间有间距

10 > 5

10<5

标签定义一个文本段落,一个段落含有默认的上下间距,段落之间会用这种默认间距隔开

3.语义标签

(1)

标签 块元素,表示一块内容,没有具体的语义。


       超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容

div标签

超文本标记语言
//
表示块,块与块之间没有间距,可以嵌套,而

不可以嵌套,

(2)标签 行内元素,表示一行的一小段内容,没有具体的语义。

4.图片标签


       超文本标记语言,标准通用标记语言下的一个应用。

 //  :能在

里的某一段设置一个样式,本身不带有样式

(3)含样式和语义的标签

标签行内元素,表示语气中的强调词,斜体
行内元素,表示专业词汇,斜体
行内元素,表示加粗,关键词
行内元素,表示非常重要的内容,整体加粗


       超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容

**(4)语义化的标签**

就是布局的时候多使用有语义的标签,搜索引擎在爬网的时候能认识这些标签,如:h2表示标题,p表示段落,ul,li表示列表,a表示链接,dl,dt,dd表示定义列表

(5)图片标签

src属性定义图片的引用地址
alt属性定义图片加载失败时显示的文字,搜索引擎会使用这个文字收录图片、盲人读屏软件会使用

我要成为海贼王的男人
邓紫棋.gif
比个like你

//相对路径: ./表示当前目录,可以省略 ../表示上一级目录
//绝对路径:最好用相对路径,在别的地方也可以用

5.HTML链接标签

(1)标签可以在网页上定义一个链接地址,它的常用属性有

href属性 定义跳转的地址

title属性 定义鼠标悬停时弹出的提示文字框

target属性 定义链接窗口打开的位置,target=“_self"缺省值,新页面替换原来的页面,在原来位置打开,target="_blank"新页面会在新开的一个浏览器窗口打开

我要成为海贼王的男人

邓紫棋.gif

比个like你

主页 -


    海贼王logo
















回到顶部 **6.HTML列表**

(1)有序列表:




//快捷写法:ol>li*3

(2)无序列表:




//快捷写法:ul>(li>a)*3

有序列表

  1. html
  2. css
  3. javascript

3)定义列表:通常用于术语的定义。

表示列表的整体,
表示术语的题目,
表示术语的解释,一个dl可以有多高题目和解释


html

负责页面结构
//首行缩进
css

负责页面表现

javascript

负责页面行为

*//简写:dl>(dt+dd)3**

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页标题:HTML文档结构-创新互联
文章出自:http://azwzsj.com/article/pipoo.html