资讯专栏INFORMATION COLUMN

html 常用标签及基本用法

simpleapples / 1242人阅读

摘要:一个网页基本是由结构样式脚本组成。学习的话应该从最基本的标签开始,结构清晰了,再用美化最后可以用脚本加上特效块级和行类标签特点宽度自适应父级,总是从新的一行开始。

一个网页基本是由 结构(html) + 样式(css) + 脚本(js) 组成。
学习的话 应该从最基本的标签开始, 结构清晰了, 再用css美化, 最后可以用脚本加上特效

块级 和 行类标签

特点:
1. 宽度自适应父级,总是从新的一行开始。 行内的,不会折行。
123
123
行1 行2 行3 2. 高度,宽度...都可以自行控制. 而行类元素 则不能设置。
// 无效 3.行内元素 和 块级元素是可以转变的 // 比2多了 display:block 有效 display: inline(行) / inline-block(行块--兼具二者好处) / block(块)

常用块元素

// 最基本的--div
我是最基本的标签div, 啥都能放,比如嵌套内容, 比如放图片, 段落...
// 段落--p

我是段落标签, 我一般放文字...

// 标题 h1,h2...h6

一般用来放标题

// 有序列表--ul 和 无序列表--ol 一般和li配合起来使用 有何不同?拿到浏览器上一看就知。
  • 首页
  • 招聘
  • 关于
  1. 首页
  2. 招聘
  3. 关于
// 表格--table // tr代表一行 td代表一格 // 表头--thead tabel(表单)的head(头) // 表身--tbody
岗位 人数 要求
设计 1 美女
前端 1 帅哥

常用的行类元素

// 锚点--a 点击可以跳转到指定的链接


// 输入框--input


// 多行文本


// 图片--img


// 万能??--span
我经常被用到

// 还有一些其他的 如
斜体
加粗
...

常用学校网站 w3c, 菜鸟教程... 有一定基础了 可以去慕课网...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/51321.html

相关文章

  • HTML文本结构常用标签

    摘要:一什么是超文本标签语言万维网的描述性语言。空标记没有结束标签,用代替。字母顺序的有序列表,大写罗马数字,小写。一、什么是HTML? HTML:超文本标签语言(Hyper Text Markup Language) www万维网的描述性语言。 XHTML指可扩展超文本标记语言(标识语言)(EXtensible HyperText Markup Language)是一种置标语言,表现方式与超文本...

    番茄西红柿 评论0 收藏0
  • CSS 高度(css height)

    摘要:同时也无需使用来实现高度自适应。通常默认情况下不用再设置高度值为,对象高度即是自适应高度。高度不能设置百分比高度如设置百分比的高度无效。扩展阅读宽度最小高度最大高度转载来源网址DIV+CSS height高度知识教程篇 DIV CSS高度简介这里的CSS高度是指通过CSS来控制设置对象的高度。使用CSS属性单词height。单位可以使用PX,em等常用使用PX(像素)为html单位。 he...

    sf_wangchong 评论0 收藏0
  • HTML基础

    摘要:的基本语法常规标记标记属性属性值属性属性值标记例如空标记标记属性属性值例如说明写在中的第一个单词叫做标记,标签,元素。空标记没有结束标签,用代替。字母顺序的有序列表,大写罗马数字,小写。HTML基础 一、网站建站流程 二、WEB标准,W3C/WHATWG/ECMA相关概念 WEB标准的概念及组成 组织解析: (1)W3C( World Wide Web Cons...

    番茄西红柿 评论0 收藏0
  • HTML基础整理

    摘要:标签标签由一对尖括号包裹起来的整体。表格标签行单元格代码游戏段位倔强废铁执拗钢铁部门姓名电话号码修复部技术宅测试部测试神的属性表格边框单元格之间的间距单元格的边框与内容之间的间距表格宽度表格高度的属性内容水平对齐方式。 html的基本结构 html的基本结构 1.DOCTYPE:声明文档...

    Lycheeee 评论0 收藏0

发表评论

0条评论

simpleapples

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<