A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

从今天开始我们接触了web阶段的前端部分,今天介绍了HTML,请大家整理:
1.HTML有哪几部分组成?每部分的作用?
2.我们今天学习了哪几类标签?
3.什么是语义化标签?
4.请描述图片的相对路径指定规则

16 个回复

倒序浏览

1根标签<html> html根节点
2.头标签<head>html头节点,包含标题等其他标签
3.体标签<body>网页显示的内容

2.文本标签、列表标签、图片标签、超文本标签、块标签、表格标签

3.html5中为了提高程序的可读性,提供的一些标签

4.相对路径是相对于模块的路径,./代表当前目录,可以省略

, ../代表上一级目录
回复 使用道具 举报 0 1

从今天开始我们接触了web阶段的前端部分,今天介绍了HTML,请大家整理:
1.HTML有哪几部分组成?每部分的作用?
答:html一般由头标签(《head》) 用于指定html文档的一些属性
        体标签《body》 ————要编辑的内容
        定义标题标签《title》 组成




2.我们今天学习了哪几类标签?
答:文件标签
        文本标签
        列表标签
        连接标签
        span div标签
        语义化标签
        表格标签

3.什么是语义化标签?
        语义化标签就是用来标记html文档 的各个部分,
有 header 头标签
footer 尾标签
       
4.请描述图片的相对路径指定规则
./代表当前目录 默认的
../代表上一级目录
回复 使用道具 举报
6666666666666666666666666666666666

草图.png (142.04 KB, 下载次数: 5)

草图.png
回复 使用道具 举报 0 1

从今天开始我们接触了web阶段的前端部分,今天介绍了HTML,请大家整理:
1.HTML有哪几部分组成?每部分的作用?

HTML是Hyper Text Markup Language 首字母缩写,翻译为超文本标记语言,由头部部分和主体部分组成。
头部部分:<head></head>,这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容。
主体部分:<body></body>,网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。
                         
2.我们今天学习了哪几类标签?

今天一共学了8大类标签;
(1)文件标签:构成html最基本的标签
html:html文档的根标签
head:头标签。用于指定html文档的一些属性。引入外部的资源
title:标题标签。
body:体标签

(2)文本标签:和文本有关的标签
注释:<!-- 注释内容 -->
<h1> to <h6>:标题标签,h1~h6:字体大小逐渐递减
<p>:段落标签
<br>:换行标签
<hr>:展示一条水平线
<b>:字体加粗
<i>:字体斜体
<font>:字体标签
<center>:文本居中

(3)图片标签:
img:展示图片
src:指定图片路径

(4)列表标签:
有序列表:ol
无序列表:ul
列表项:li

(5)链接标签:
a:定义一个超链接
href:指定访问资源的URL(统一资源定位符)
target:指定打开资源的方式


(6)块标签:
div:每一个div占满一整行。块级标签
span:文本信息在一行展示,行内标签 内联标签

(7)新语义化标签:
html5中为了提高程序的可读性,提供了一些新语义化标签。
<header>:页眉
<footer>:页脚

(8)表格标签:
table:定义表格
tr:定义行
td:定义单元格
     colspan:合并列
     rowspan:合并行
th:定义表头单元格
    <caption>:表格标题
                 
               
3.什么是语义化标签?

所谓语义化标签就是一种我们仅通过标签名就能判断出该标签内容的语义的标签

4.请描述图片的相对路径指定规则

图片的相对路以是以.开头的路径,  ./代表当前目录,可以省略,例如 ./image/1.jpg ,也可以 image/1.jpg。    ../代表上一级目录,例如../image/1.jpg。
                                 
                     
回复 使用道具 举报

从今天开始我们接触了web阶段的前端部分,今天介绍了HTML,请大家整理:

1.HTML有哪几部分组成?每部分的作用?
        1.<!DOCTYPE html> 文件说明信息
        2.html:html文档的根标签,所有文件内容都在html标签内
        3.head:头标签。用于指定html文档的一些属性。引入外部的资源。
        4.title:标题标签。设置html文档打开后的文件名字。
        5. body:体标签。html文档的具体内容写在其中。

2.我们今天学习了哪几类标签?
        1.文档标签
        2.段落标签
        3.字体设置标签
        4.常用的空标签
        5.语义化标签
        6.块标签
        7.表格标签
       
3.什么是语义化标签?
        1、说明信息,方便阅读
        2、配合css布局使用
        3、不设置属性浏览器打开文件后不会有变化

4.请描述图片的相对路径指定规则
        1.图片有相对路径和绝对路径,如果图片放在项目下就可以用相对路径。
        2.在指定url时需要指定文件的具体位置。
        3.可以根据HTML的位置写相对路径用../可以向上退一个目录,./和不写都是指当前路径,直到进入图片所在的文件夹并指定那个图片。
        4.以项目目录路径开始写,经过各个目录后指向图片的路径。

       
回复 使用道具 举报
1.HTML有哪几部分组成?每部分的作用?
答:由<head>和<body>组成,<head>中用于定义标题、导入css文件/js文件、定义css样式、定义编码格式,<body>属于正文部分,用于编写页面显示的内容
2.我们今天学习了哪几类标签?
答:文件标签、文本标签、图片标签、列表标签、链接标签、表格标签
3.什么是语义化标签?
答:h5中为了提高程序的可读性,提供的一些标签,例如:<header>、<footer>,在html中加入该标签不会影响原本的内容和布局,只是为了提高程序的可读性。
4.请描述图片的相对路径指定规则
答:./:代表当前目录
       ../:代表上一级的目录
回复 使用道具 举报
1.HTML有哪几部分组成?每部分的作用?
有<html></html><head></head><body></body>三个部分组成
html:是html网页的定义,一个网页的开始与结束
head:网页的头部,一般放网页的标题,关键字,css之类看不见的文件引用
body:网页的主体,一般放我们打开网页所能看得到的内容

2.我们今天学习了哪几类标签?
<a>超链接标签
<img>图片标签
<li>列表标签
<table>表格标签
<title>标题
<p>段落标签
<br/>换行标签
<hr/>分割线标签
<tr>表格行标签
<td>单元格标签
<b>加粗标签
<i>斜体标签
<div>块标签
<span>
<font>字体标签

3.什么是语义化标签?
使其含有自己定义的标签,提高代码的可读性

4.请描述图片的相对路径指定规则
一个(.)代表当前目录,每多一个(.)代表一个上级目录,同级目录下的文件夹中的文件使用(文件夹/图片名.图片类型)
回复 使用道具 举报

从今天开始我们接触了web阶段的前端部分,今天介绍了HTML,请大家整理:
1.HTML有哪几部分组成?每部分的作用?
html标签: 是网页的所有内容
head标签:网页标题名称
body标签:网页显示的内容


2.我们今天学习了哪几类标签?
文件标签:        <html></html>
文本标签:                  <h1>to<h6>标题    <p>段落   <br/>换行   <hr>横线   <font>字体   <b>加粗  <i>斜体 <center>居中
图片标签:        <img  src>
列表标签:                  <ol><li><li></ol>有序列表      <ul><li><li></ul>无序列表
连接标签:        <a herf=""  target="_blank" >在新页面打开当前地址         <a herf=""  target="_self" > 在当前页面打开当前地址         
div  span标签 :        div 是块级标签,每一个div占满一整行        span是行内标签,文本信息在一行展示
语义化标签:            <header>:页眉        <footer>:页脚
表格标签:        <table></table>表格标签     <th></th>表格第一行标签       <tr></tr>行标签     <td></td>

3.什么是语义化标签?
语义化标签是指为了提高程序的可读性,定义了特有含义的标签

4.请描述图片的相对路径指定规则
相对路径:以.开头的路径
             ./  :代表当前目录     例如: ./image/1.jpg
        ../ :代表上一级目录    例如: ../image/1.jpg
回复 使用道具 举报

从今天开始我们接触了web阶段的前端部分,今天介绍了HTML,请大家整理:
1.HTML有哪几部分组成?每部分的作用?
答:有两个部分,head和body head部分可以写页面标题。body部分写的就是文本标签里面的内容。

2.我们今天学习了哪几类标签?
答:学了1.标题<h1>标题内容</h1> ,2.换行<br/>,3.段落

<p>文字内容</p>,4.字体<font>字体 </font>,5.水平线<hr/>,6.加粗 <b> 内容</b>,7.斜体 <i>内容</i>,8.图片<img src="图片路径" alt="替代文字"/>,9.超链接<a href="跳转的页面地址">显示内容</a>,10.有序列表<ol type="1"><li>内容</li></ol>,11.无序列表<ul type="disc"><li>内容</li></ul>,12.块标签<div>显示内容</div>,<span>显示内容 </span> 14.表格<table><tr><td></td></tr></table>。

3.什么是语义化标签?
答:语义化标签:html5中为了提高程序的可读性,提供的一些标签<header><footer>。

4.请描述图片的相对路径指定规则?
答:如果实在同一目录级下则写“./”可以省略,后面跟后续的路径及文件名。“../”表示返回到上一目录级下,后面跟后续的路径及文件名。
回复 使用道具 举报
1.HTML有哪几部分组成?每部分的作用?
        1. 围堵标签:有开始标签和结束标签。如 <html> </html>
        2. 自闭和标签:开始标签和结束标签在一起。如 <br/>
     常见的有5个部分完成的
     1html:html的根标签
     head:头标签
       title:标题标签
      body:体标前
     <!DOCTYPE html>:html5中定义该文档是html文档

2.我们今天学习了哪几类标签?
8类标签
1文件标签:
              * html:html文档的根标签
                * head:头标签。用于指定html文档的一些属性。引入外部的资源
                * title:标题标签。
                * body:体标签
                * <!DOCTYPE html>:html5中定义该文档是html文档
2文本标签
      * 注释:<!-- 注释内容 -->
                    * <h1> to <h6>:标题标签
                        * h1~h6:字体大小逐渐递减
                * <p>:段落标签
                * <br>:换行标签
                * <hr>:展示一条水平线
                        * 属性: color:颜色* width:宽度
                                * size:高度* align:对其方式
                                * center:居中* left:左对齐 * right:右对齐
                * <b>:字体加粗
                * <i>:字体斜体
                * <font>:字体标签
                * <center>:文本居中
                        * 属性:* color:颜色 * size:大小 * face:字体
3. 图片标签:
                * img:展示图片* 属性: src:指定图片的位置
4. 列表标签:
                * 有序列表:* ol:  * li:    * 无序列表:* ul:  * li:
5. 链接标签:
                * a:定义一个超链接
6. div和span:
                * div:每一个div占满一整行。块级标签
                 * span:文本信息在一行展示,行内标签 内联标签
7. 语义化标签:html5中为了提高程序的可读性,提供了一些标签。
                1. <header>:页眉   2. <footer>:页脚
.8 表格标签:
                * table:定义表格
3.什么是语义化标签?
  为了提高程序的可读性 ,给程序员看的
4.请描述图片的相对路径指定规则
                                  * ./:代表当前目录  ./image/1.jpg
                                * ../:代表上一级目录
如果图片和写的html是同一级别时:   ./:代表当前目录  ./image/1.jpg  (不写当前目录也行)
如果图片和写的html不是一级别时       * ../:代表上一级目录
回复 使用道具 举报
1.HTML有哪几部分组成?每部分的作用?
        1. 围堵标签:有开始标签和结束标签。如 <html> </html>
        2. 自闭和标签:开始标签和结束标签在一起。如 <br/>
     常见的有5个部分完成的
     1html:html的根标签
     head:头标签
       title:标题标签
      body:体标前
     <!DOCTYPE html>:html5中定义该文档是html文档

2.我们今天学习了哪几类标签?
8类标签
1文件标签:
              * html:html文档的根标签
                * head:头标签。用于指定html文档的一些属性。引入外部的资源
                * title:标题标签。
                * body:体标签
                * <!DOCTYPE html>:html5中定义该文档是html文档
2文本标签
      * 注释:<!-- 注释内容 -->
                    * <h1> to <h6>:标题标签
                        * h1~h6:字体大小逐渐递减
                * <p>:段落标签
                * <br>:换行标签
                * <hr>:展示一条水平线
                        * 属性: color:颜色* width:宽度
                                * size:高度* align:对其方式
                                * center:居中* left:左对齐 * right:右对齐
                * <b>:字体加粗
                * <i>:字体斜体
                * <font>:字体标签
                * <center>:文本居中
                        * 属性:* color:颜色 * size:大小 * face:字体
3. 图片标签:
                * img:展示图片* 属性: src:指定图片的位置
4. 列表标签:
                * 有序列表:* ol:  * li:    * 无序列表:* ul:  * li:
5. 链接标签:
                * a:定义一个超链接
6. div和span:
                * div:每一个div占满一整行。块级标签
                 * span:文本信息在一行展示,行内标签 内联标签
7. 语义化标签:html5中为了提高程序的可读性,提供了一些标签。
                1. <header>:页眉   2. <footer>:页脚
.8 表格标签:
                * table:定义表格
3.什么是语义化标签?
  为了提高程序的可读性 ,给程序员看的
4.请描述图片的相对路径指定规则
                                  * ./:代表当前目录  ./image/1.jpg
                                * ../:代表上一级目录
如果图片和写的html是同一级别时:   ./:代表当前目录  ./image/1.jpg  (不写当前目录也行)
如果图片和写的html不是一级别时       * ../:代表上一级目录
回复 使用道具 举报
1.HTML有哪几部分组成?每部分的作用?
        1. 围堵标签:有开始标签和结束标签。如 <html> </html>
        2. 自闭和标签:开始标签和结束标签在一起。如 <br/>
     常见的有5个部分完成的
     1html:html的根标签
     head:头标签
       title:标题标签
      body:体标前
     <!DOCTYPE html>:html5中定义该文档是html文档

2.我们今天学习了哪几类标签?
8类标签
1文件标签:
              * html:html文档的根标签
                * head:头标签。用于指定html文档的一些属性。引入外部的资源
                * title:标题标签。
                * body:体标签
                * <!DOCTYPE html>:html5中定义该文档是html文档
2文本标签
      * 注释:<!-- 注释内容 -->
                    * <h1> to <h6>:标题标签
                        * h1~h6:字体大小逐渐递减
                * <p>:段落标签
                * <br>:换行标签
                * <hr>:展示一条水平线
                        * 属性: color:颜色* width:宽度
                                * size:高度* align:对其方式
                                * center:居中* left:左对齐 * right:右对齐
                * <b>:字体加粗
                * <i>:字体斜体
                * <font>:字体标签
                * <center>:文本居中
                        * 属性:* color:颜色 * size:大小 * face:字体
3. 图片标签:
                * img:展示图片* 属性: src:指定图片的位置
4. 列表标签:
                * 有序列表:* ol:  * li:    * 无序列表:* ul:  * li:
5. 链接标签:
                * a:定义一个超链接
6. div和span:
                * div:每一个div占满一整行。块级标签
                 * span:文本信息在一行展示,行内标签 内联标签
7. 语义化标签:html5中为了提高程序的可读性,提供了一些标签。
                1. <header>:页眉   2. <footer>:页脚
.8 表格标签:
                * table:定义表格
3.什么是语义化标签?
  为了提高程序的可读性 ,给程序员看的
4.请描述图片的相对路径指定规则
                                  * ./:代表当前目录  ./image/1.jpg
                                * ../:代表上一级目录
如果图片和写的html是同一级别时:   ./:代表当前目录  ./image/1.jpg  (不写当前目录也行)
如果图片和写的html不是一级别时       * ../:代表上一级目录
回复 使用道具 举报
从今天开始我们接触了web阶段的前端部分,今天介绍了HTML,请大家整理:
1.HTML有哪几部分组成?每部分的作用?
1、 输入<!DOCTYPE html>,声明页面为HTML5文档。
      (1) DOCTYPE出现在每个页面的开头,就像一本书的序言。
      (2) 它可以确保浏览器以可靠的模式呈现页面,同时告诉HTML验证器根据HTML5允许的元素和语法检查代码。
      (3) HTML5的DOCTYPE不区分大小写,可以是<!doctype html>,不过,使用<!DOCTYPE html>是更常规的做法。
2、输入<html lang="language-code">,开始文档的实际HTML部分。其中language-code 是页面内容默认语言的代码。
    搜索引擎会根据lang属性指定的语言区分搜索结果,从而显示与搜索词语言相同的页面。屏幕阅读器页可能通过指定的语言调整其发音。
3、输入<head>,开始网页文档的头部。
     (1) 嵌套在head元素的代码不一定要缩进,不过缩进可以让你一眼看出head从哪里开始,包含什么内容,以及在哪里结束。
     (2) 在文档head部分,通常要指明页面标题,提供为搜索引擎准备的关于页面本身的信息,加载样式表,以及加载JavaScript文件。
       (出于性能考虑,多数时候在页面底部</body>标签结束前加载JavaScript是更好的选择)。
     (3) 除了title,其他head里的内容对页面访问者来说都是不可见的。
4、输入<meta charset="utf-8" />(或<meta charset="UTF-8" />)
     将文档的字符编码声明为UTF-8。空格和斜杠的可选的,因此<meta charset="utf-8" />跟其它表达形式都是有效的。(UTF-8的适用面最广)
5、输入<title></title>。这里将包含页面的标题。
6、输入</head>结束页面文档的头部。
7、输入<body>,开始页面的主体。这里是放置页面内容的部分。
     body元素包住页面的内容,包括文本、图像、表单、视频、音频、视频以及其他交互式内容,也就是访问者看见的东西。
8、为页面内容预留一些空行。
9、输入</body>结束主体。
10、输入</html>,结束页面。
------------------------------------------ --------------------- --------------------- --------------------- --------------------- ---------------------  

2.我们今天学习了哪几类标签?
(1)  文件标签
(2)  文档标签
(3)  图片标签
(4)  列表标签
(5)  连接标签
(6)  块标签
(7)  语义化标签
(8)  表格标签
------------------------------------------ --------------------- --------------------- --------------------- --------------------- ---------------------  

3.什么是语义化标签?
语义化标签:html5中为了提高程序的可读性,提供了一些标签。
回复 使用道具 举报
从今天开始我们接触了web阶段的前端部分,今天介绍了HTML,请大家整理:
1.HTML有哪几部分组成?每部分的作用?
1、 输入<!DOCTYPE html>,声明页面为HTML5文档。
      (1) DOCTYPE出现在每个页面的开头,就像一本书的序言。
      (2) 它可以确保浏览器以可靠的模式呈现页面,同时告诉HTML验证器根据HTML5允许的元素和语法检查代码。
      (3) HTML5的DOCTYPE不区分大小写,可以是<!doctype html>,不过,使用<!DOCTYPE html>是更常规的做法。
2、输入<html lang="language-code">,开始文档的实际HTML部分。其中language-code 是页面内容默认语言的代码。
     搜索引擎会根据lang属性指定的语言区分搜索结果,从而显示与搜索词语言相同的页面。屏幕阅读器页可能通过指定的语言调整其发音。
3、输入<head>,开始网页文档的头部。
     (1) 嵌套在head元素的代码不一定要缩进,不过缩进可以让你一眼看出head从哪里开始,包含什么内容,以及在哪里结束。
     (2) 在文档head部分,通常要指明页面标题,提供为搜索引擎准备的关于页面本身的信息,加载样式表,以及加载JavaScript文件。
       (出于性能考虑,多数时候在页面底部</body>标签结束前加载JavaScript是更好的选择)。

     (3) 除了title,其他head里的内容对页面访问者来说都是不可见的。
4、输入<meta charset="utf-8" />(或<meta charset="UTF-8" />)

     将文档的字符编码声明为UTF-8。空格和斜杠的可选的,因此<meta charset="utf-8" />跟其它表达形式都是有效的。(UTF-8的适用面最广)

5、输入<title></title>。这里将包含页面的标题。

6、输入</head>结束页面文档的头部。

7、输入<body>,开始页面的主体。这里是放置页面内容的部分。

     body元素包住页面的内容,包括文本、图像、表单、视频、音频、视频以及其他交互式内容,也就是访问者看见的东西。
8、为页面内容预留一些空行。
9、输入</body>结束主体。
10、输入</html>,结束页面。
------------------------------------------ --------------------- --------------------- --------------------- --------------------- ---------------------  

2.我们今天学习了哪几类标签?
(1)  文件标签
(2)  文档标签
(3)  图片标签
(4)  列表标签
(5)  连接标签
(6)  块标签
(7)  语义化标签
(8)  表格标签

3.什么是语义化标签?
语义化标签:html5中为了提高程序的可读性,提供了一些标签。
        (1)   <header>:页眉
        (2)   <footer>:页脚

4.请描述图片的相对路径指定规则
相对路径: 以 . 开头的路径
(1)   . / :代表当前目录  --->   ./image/1.jpg
       <img src="./image/jiangwai_1.jpg">
(2)   . . / : 代表上一级目录  --->  . ./image/1.jpg
       <img src="../image/jiangwai_1.jpg">             
               
回复 使用道具 举报
1.HTML有哪几部分组成?每部分的作用?

1.<!DOCTYPE html> 文件说明信息
2.html:html文档的根标签,所有文件内容都在html标签内
3.head:头标签。用于指定html文档的一些属性。引入外部的资源。
4.title:标题标签。设置html文档打开后的文件名字。
5. body:体标签。html文档的具体内容写在其中。

2.我们今天学习了哪几类标签?

1. 图片标签
2. 链接标签
3. 表格标签
4. 文件标签
5. 文本标签
6. 列表标签
7. 块标签
8. 语义化标签

3.什么是语义化标签?

语义化标签:html5中为了提高程序的可读性提供的一些标签。

4.请描述图片的相对路径指定规则

通常使用相对路径
./:代表当前目录,./image/1.jpg=image/1.jpg
../:代表回退到上一级的目录
回复 使用道具 举报

从今天开始我们接触了web阶段的前端部分,今天介绍了HTML,请大家整理:
1.HTML有哪几部分组成?每部分的作用?

HTML是Hyper Text Markup Language 首字母缩写,翻译为超文本标记语言,由头部部分和主体部分组成。
头部部分:<head></head>,这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容。
主体部分:<body></body>,网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。
                        
2.我们今天学习了哪几类标签?

今天一共学了8大类标签;
(1)文件标签:构成html最基本的标签
html:html文档的根标签
head:头标签。用于指定html文档的一些属性。引入外部的资源
title:标题标签。
body:体标签

(2)文本标签:和文本有关的标签
注释:<!-- 注释内容 -->
<h1> to <h6>:标题标签,h1~h6:字体大小逐渐递减
<p>:段落标签
<br>:换行标签
<hr>:展示一条水平线
<b>:字体加粗
<i>:字体斜体
<font>:字体标签
<center>:文本居中

(3)图片标签:
img:展示图片
src:指定图片路径

(4)列表标签:
有序列表:ol
无序列表:ul
列表项:li

(5)链接标签:
a:定义一个超链接
href:指定访问资源的URL(统一资源定位符)
target:指定打开资源的方式


(6)块标签:
div:每一个div占满一整行。块级标签
span:文本信息在一行展示,行内标签 内联标签

(7)新语义化标签:
html5中为了提高程序的可读性,提供了一些新语义化标签。
<header>:页眉
<footer>:页脚

(8)表格标签:
table:定义表格
tr:定义行
td:定义单元格
     colspan:合并列
     rowspan:合并行
th:定义表头单元格
    <caption>:表格标题
                 
               
3.什么是语义化标签?

所谓语义化标签就是一种我们仅通过标签名就能判断出该标签内容的语义的标签

4.请描述图片的相对路径指定规则

图片的相对路以是以.开头的路径,  ./代表当前目录,可以省略,例如 ./image/1.jpg ,也可以 image/1.jpg。    ../代表上一级目录,例如../image/1.jpg。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马