CSS+DIV+HTML(一)--HTML总结
2023-09-14 09:08:01 时间
一、定义
HTML(Hyper Text Markup Language),标记语言。
二、主要内容:
HTML元素分为三类:块级标签、内联标签、可变标签。差别在于:
块级元素:在默认情况下会换行显示。
内联元素:在默认情况下会在一行内显示。
可变元素:依据上下文确定自己是块级元素还是内联元素。
HTML文档和HTML元素是通过HTML标签进行标记的。
HTML元素定义了整个HTML文档。什么意思呢?
举个样例:
HTML文档是有文本标签定义的:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Hello world!</title> </head> <body> <p>我的第一个网页</p><br/> <hr/> <p> 这是我做的第一个网页。欢迎观临!谢谢!
This is my first web.Welcome! </p> </body> </html>
表格是由<table>来标签的。
<span style="font-family:KaiTi_GB2312;font-size:18px;"><html> <title> 表格 </title> <body> <table border=1 align="center"> <tr> <th>编号</th> <th>名称</th> <th>价格</th> </tr> <tr> <td>001</td> <td>语文教材</td> <td>20.00</td> </tr> </table> <body/> </html></span>
表单实例:
<ol start="10"> <li>hehe <li>haha <li>huihui <li value="20">weiwei <li>dada </ol> <ol type="a"> <li>hehe <li>haha <li>huihui <li>weiwei <li>dada </ol> <ul type="disc"> <li>hehe <li>haha <li>huihui <li>weiwei <li>dada </ul> <dl> <dt>hehe <dt>haha <dt>huihui <dt>weiwei <dt>dada </dl>
这是上面ol是有序表单,ul是无序表单。dl是定义表单。
三、总结
看了非常多关于HTML的文档和书籍,讲的内容都没有啥差别。
HTML中的知识。做一个总结的图。将它并入到自己的知识网中,就不会乱。也不会忘记了,知识的管理在于:总结、思考、联系。
相关文章
- HTML中meta标签详解;property=og标签详解
- 基于HTML,css,jQuery,JavaScript,MySQL搭建博客系统
- PHP通用的XSS攻击过滤函数,Discuz系统中 防止XSS漏洞攻击,过滤HTML危险标签属性的PHP函数
- HTML中css和js链接中的版本号
- 前端学习 -- Html&Css -- 框架集
- 前端学习 -- Html&Css -- 相对定位 绝对定位 固定定位
- html_parser
- 修改requests_html.AsyncHTMLSessions使得支持url参数
- [CSS3] Target HTML Elements not Explicitly set in the DOM with CSS Pseudo Elements (Blockquotes)
- HTML和CSS代码片段快速编写方式(Emmet Documentation)
- 前端学习 -- Html&Css -- 背景
- 前端学习 -- Html&Css -- 层级和透明度
- HTML、CSS从零开始 GRID布局
- SAP Cloud for Customer里的HTML Mashup的JavaScript编程功能
- Atitit.html css 浏览器原理理论概论导论attilax总结
- atitit。html css框架Bootstrap Foundation的比较与不同 attilax大总结
- webpack-dev-server启动后,localhost:8080返回index.html的原理
- 01【html和css】6/10
- html+css+js实现打砖块小游戏
- Python爬虫:scrapy利用html5lib解析不规范的html文本
- 【开发环境】VSCode 安装插件 ( 简体中文插件 | Open in Browser 插件 | Auto Rename Tag 插件 | JS-CSS-HTML Formatter 插件 )
- text/html和text/plain的区别
- http://bsideup.blogspot.com/2015/04/spring-boot-thrift-part3.html
- 使用live delegate on解决js后装html故障问题
- html + css + js使用HBuilder开发工具做2048益智游戏