关注移民留学生活
当前位置:网站首页 > 移民项目 > 正文

-baijiahao,一、HTML简介和基本结构、标签和表单

作者:huaxiayeshi发布时间:2020-12-02分类:移民项目浏览:0评论:0


导读:-baijiahao表示一块内容,div标签可以把文档分割为独立的、不同的部分。格式:div这是一个分块/div标签行内块元素...

-baijiahao

表示一块内容,div标签可以把文档分割为独立的 、不同的部分。

格式: div 这是一个分块 /div

标签

行内块元素 ,表示行中小段内容,没有具体的语义 。

格式: span 我在span标签里 /span

9.含样式和语义的行内标签

i : 行内元素,字体斜体

em :行内元素 ,语义为强调内容 ,表示非常重要(倾斜效果)

b :行内元素,字体加粗

stong :行内元素,语义为强调内容 ,表示非常重要(效果加粗)

10.图片标签

img标签:向网页中嵌入一幅图像

img标签有两个必须的属性:src属性、alt属性

格式: img src="F:\桌面\桌面壁纸\愿望瓶" alt='许愿瓶'

alt:规定图像的代替文本(必须) src:规定图像的URL(必须) heigth:规定图像的高度 width:规定图像的宽度

11.链接音乐文件

格式: audio src="" controls="controls" /audio

12.链接视频

格式: video src="F:\视频\其他\VID_20200524_" width="500px" height="400px" controls="controls" /video

13.超链接标签

作用:用于从一张页面链接到另一张页面

最重要的元素属性是href属性,它指示链接的目标

格式: a href="http://" 点击链接跳转到百度 /a

标签

放在头部,链接到一个外部样式 ,即链接外部的CSS文件

15.列表

有序列表:在网页上定义一个有编号的内容列表可以用 ol / li 配合使用

 ol 
 li 列表文字11 /li 
 li 列表文字22 /li 
 li 列表文字33 /li 
 /ol 

再网页上生成列表,每条项目上会按1、2 、3编号(实际开发中比较少用)

无序列表:在网页上定义一个有编号的内容列表可以用 ul li 配合使用

 ul 
 li 列表文字11 /li 
 li 列表文字22 /li 
 li 列表文字33 /li 
 /ul 

16.表格

table标签定义html表格

简单的html表格由table元素及一个或多个tr   th  td元素组成

tr:定义表格行

th:定义表头

td:定义表格单元

标签实例代码:

 1 !DOCTYPE html 
 2 html lang="en" 
 3 head 
 4 meta charset="UTF-8" 
 5 title 测试标题标签 /title 
 6 /head 
 8 body 
 9 !--2.标题标签-- 
10 h1 这是标题 h1 /h1 

标签:-baijiahao


欢迎 发表评论:

移民项目排行
文章标签
类似推荐