HTML---初始:

web应用技术:

客户端技术:HTML(超文本标记语言)、CSS(层叠样式表)、Flash(交互式矢量动画制作技术)、客户端脚本技术(JavaScript、JQuery、VBScript、Ajax。。。。)

服务端技术:CGI(早起最早的动态网页技术)、ASP、PHP、Asp.Net、JSP。。。。

网页设计----HTML标记语言(Hypertext Markup Language):

HTML是用户描述草文本中内容的显示方式: HTML文件后缀以.html结尾。。。。

HTML5文档结构:

  1. <!DOCTYPE html>,<!DOCTYPE> 声明必须是 HTML 文档的第一行,标识HTML5的文档模式,
  2. <!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令
  3. 请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。
  4. <html>:这个标记是HTML的开头,是最大的HTML文件的结构层,顶层。。。是一个标记对,,,任何的HTML相关的必须放在里面。。
  5. <head>:标识HTML头部文件,可以放置网页title,还有CSS层叠样式,或者JavaScript内嵌代码区。。
  6. <title>:这个标记对,是用于网页上的标题。
  7. <body>: HTML主体内容放置区域,,网页显示的所有内容都放在body标记里面。。

 

复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
    内容
</body>
</html>
复制代码

 

HTML常用标记:

  1. 换行标记:<br>     这是一个单标签
  2. 段落标记:<p> 内容</p>      
  3. 标题标记:<h1>内容</h1>     <h :1~6>内容</h:1~6>
  4. 居中标记:<center> 内容</center>
  5. div盒子模型的分区元素。。
  6. 列表:
    1. 无序列表:<ul>   <li>内容1</li>   <li>内容2</li>.。。。。。</ul>
    2. 有序列表:<ol>   <li>内容1</li>   <li>内容2></li>。。。。。</ol>
  7. 表格标签:
    1. <table>   <caption>标题标记</caption>  <th></th>     <tr>     <td>  内容1</td>   <td>内容2</td>。。。。</tr>
    2.  
  8. 表单标记:<form> 文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。  </form>
    1. 表单标签是输入标签(<input>){重要属性:type{
      • button
      • checkbox
      • file
      • hidden
      • image
      • password
      • radio
      • reset
      • submit
      • text
      • email
      • url
      • number
      • range
      }、disabled、checked、width、height、maxlength、readonly、size、src、usermap、alt、name、value、id、acceptalignautocompleteautofocusformformactionformenctypeformmethodformnovalidateformtargetlistminmaxmultiplepatternplaceholderrequiredstep}
    2. <output >元素用于不同类型的输出,比如计算或脚本输出:
    3. <keygen> 元素是密钥对生成器(key-pair generator)。当提交表单时,会生成两个键,一个是私钥,一个公钥。
    4. datalist 元素规定输入域的选项列表。列表是通过 datalist 内的 option 元素创建的。
  9. 下拉框标记::<select>     <option>内容1</option><option>内容2</option>。。。。      </select>
    1. select 标签里面的属性:name、id、size、disabled、multiple。
  10. 多行文本标记:<textarea>内容</textarea>
    1. textarea标签里面的属性:cols、rows、name、disabled、readonly、wrap{hard、soft、off}。。
  11. 超链接:<a href=" "> </a>
  12. 图片标记:<img src=" " width height border alt >
  13. HTML5新标记:<section>  表示页面一个区域
  14. <article></article>:表示页面中的一块与上下文不相关的独立类型。
  15. header  这个标记区域里面的都是标题
  16. footer  内容区域脚注
  17. aside 当前页面的附属信息部分。

 

posted on   白嫖老郭  阅读(98)  评论(0编辑  收藏  举报

编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示